防抖 Debounce
定义
指触发某一事件后 在规定时间内 回调函数只能执行一次,如果在规定时间内又触发了该事件,则会重新开始计算规定时间。
函数防抖就像是游戏中魔法师发技能的时候要读条,技能读条没完前又按了技能就会导致刷新技能吟唱时间,重新进行读条。
节流 Throttle
对比
相同点
在不影响客户体验的前提下,将频繁的回调函数,进行次数缩减.避免大量计算导致的页面卡顿。
不同点
防抖是将多次执行变为最后一次执行,需要重置定时器。
操作 | 重置定时器? | 简单理解 | 操作本质 |
---|---|---|---|
防抖 | √ | 延时执行 | 将多次执行变为只执行最后一次操作 |
节流 | × | 将多次执行变为在规定时间内只执行一次 |