防抖和节流
聊一聊防抖和节流
为什么要使用防抖和节流?
使用场景:
事件经常触发(滚动条或者鼠标移动)的事件函数
使用原因:
短时间高频率的触发事件函数,会导致网页的卡顿和影响性能
节流和防抖的区别:
防抖:
触发一个事件,一段时间内没有再次触发这个事件后,就去执行这个事件背后的函数
(相当于武侠高手一秒钟打你一下,你的脑回路是10秒,高手一直打你,你一直不会喊疼,然后武侠高手突然发善心收手了,十秒钟之内都没动你,你才在最后一次被打的第10秒后喊疼)
防抖函数的封装
const debounce = (fn, wait
原创
2021-03-29 17:13:52 ·
2718 阅读 ·
1 评论