浅谈JS的防抖、节流的性能优化,语言较通俗适合入门
防抖(debounce)
在第一次触发事件时,不立即执行函数,而是给出一个期限值比如200ms,然后:
如果在200ms内没有再次触发滚动事件,那么就执行函数
如果在200ms内再次触发滚动事件,那么当前的计时取消,重新开始计时
效果:如果短时间内大量触发同一事件,只会执行一次函数。
节流(throttle)
如果在限定时间段内,不断触发滚动事件(比如某个用户闲着无聊,按住滚动不断的拖来拖去),只要不停止触发,理论上就永远不会输出当前距离顶部的距离。
但是如果期望处理方案是:即使用户不断拖动滚动条,也能在某
转载
2021-11-11 15:18:57 ·
66 阅读 ·
0 评论