1.函数防抖:单位时间内,频繁触发事件,只会触发最后一次
2.经典场景 : 输入框实时输入 oninput
*减少触发输入的频率,提高代码性能
3.防抖流程:
(1)声明一个全局timeID存储定时器ID
(2)每一次触发事件,先清除上一次定时器,以本次触发为准
(3)开启本次定时器
代码如下:
在input框中,1秒内输入的内容将不会被输出到控制台,一秒以外的将会被输出到控制台.
1.函数节流 : 单位时间内，频繁触发事件，只会触发一次
2.应用场景 : 降低高频事件触发频率
* 鼠标移动: onmousemove
* 滚动条事件: onscroll
节流流程
(1)声明一个全局变量记录 本次触发时间
(2)每一次触发事件的时候, 获取当前时间
(3)判断 当前时间 - 上一次触发事件 >= 节流间隔
(4)存储本次触发事件，用于下一次判断
代码如下:
运行结果如下:随着滚动条的滚动触发
最后祝大家天天开心o(*￣︶￣*)o
