防止onresize事件触发多次

使用onresize事件监听页面变化时,会出现一次小的变化该事件触发多次的情况

解决方案: 结合setTimeout使该方法在一定时间内只触发一次(即节流) 以vue项目为例

data(){
    return {
        resizeTimer: null
    }
},
methods() {
    useResize() {
        window.onresize = () => {
            if(this.resizeTimer){
                clearTimeout(this.resizeTimer)
            }
            this.resizeTimer = setTimeout(() => {
                // dosometing....
            }, 500)
        }
    }
}

版权声明:本文为shamingzimeiyou原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。