1、防抖:
目的:对于短时间内连续触发的事件,防抖的含义就是让某个时间期限内,事件处理函数只执行一次【执行最后一次】。
流程:
(1)事件触发—>设定计时器,计时结束后执行操作;
(2)在计时周期内,如果再次触发,清除已经开始的计时,重新计时;
注意:需要设定时间段,避免一直重新触发,动作一直没法执行。
核心点:在计时周期内,再次触发后,需要重置计时器;
实现要点:使用闭包的方式,保存计时状态,避免全局污染;
2、节流:
目的:对于短时间内连续触发的事件,节流的含义就是让某个时间期限内,事件处理函数只执行一次【执行第一次】。在计时周期,新的触发都不进行响应,直至计时结束。
流程:
(1)事件触发—>设定计时器,计时结束后执行操作,计时标志重置;
(2)在计时周期内,如果再次触发,不进行响应;
核心点:在计时周期内,再次触发后,不进行响应;
实现要点:使用闭包的方式,保存计时标志及计时,避免全局污染;