最简单的防抖节流理解法

一.防抖

1.函数防抖 ： 单位时间内，频繁触发事件，只会触发最后一次事件处理函数

2.经典场景 ： 输入框实时输入oninput

*减少触发输入的频率，提高代码性能

3.防抖流程 ：

(1)声明一个全局的timeid存储定时器

(2)每一次触发事件，先清除上一次定时器

(3)开启本次定时器

二.节流

1.函数节流 : 单位时间内，频繁触发事件，只会触发一次

2.应用场景 : 降低高频事件触发频率

* 鼠标移动: onmousemove

* 滚动条事件: onscroll

3.节流流程

(1)声明一个全局变量记录 本次触发时间

(2)每一次触发事件的时候, 获取当前时间

(3)判断 当前时间 - 上一次触发事件 >= 节流间隔

(4)存储本次触发事件，用于下一次判断