防抖和节流:事件频繁被触发时,单位时间内只执行一次
防抖(debounce):事件被触发时,设定一个周期延期执行,若周期间又被触发,则周期重新设定,直到周期结束执行操作。应用频繁点击提交
延迟debounce,示意图:
前缘debounce, 示意图
节流:固定周期内,只执行一次动作,若有新事件触发,不执行。周期结束后,又有事件触发,开始新的周期。
延迟throttling示意图:
前缘throttling 示意图:
如果事件触发是高频但是有停顿时,可以选择debounce; 在事件连续不断高频触发时,只能选择throttling,因为debounce可能会导致动作只被执行一次,界面出现跳跃。
引用地址详情:https://blog.csdn.net/hupian1989/article/details/80920324