window.onresize 触发多次

Question

window.onresize 触发多次我的浏览器高度高了5像素，onresize 执行5次。页面抖动厉害，有没有办法，同一时间高度扩展5像素，只执行一次onresizewindow.onresize = () => { }

Answer 1

借助 函数防抖，可以引入 lodash

import _ from 'lodash'window.onresize = _.debounce(function() {
    
}, 500)

意思就是，在页面窗口停止变化的500毫秒后，再执行回调函数。