事件的防抖和节流主要是为了避免用户的重复操作引起浏览器的反复的回流和重绘。
防抖
所谓防抖就是,触发事件后,把触发非常频繁的时间合并成一次去执行。比如,在指定的时间内只执行一次回调函数,如果在指定的时间内又触发了该事件,则回调函数的执行时间会基于此刻重新开始计算。
实现方式:
var timer;
btnDom.onclick = () => {
timer && clearTimeout(timer)
timer = serTimeout(() => {
console.log('123')
})
}
扫描二维码关注公众号,回复:
5759352 查看本文章