DOM——防抖和节流

119 阅读1分钟

防抖:触发高频事件后n秒内只执行一次,如果n秒内再次触发就会重新计算时间。

节流:触发高频事件后n秒内只执行一次,所以节流会降下函数的执行频率。n秒内再次触发也不会执行

高频率触发的业务:抽奖、登录、动画、网络加载等需要做防抖或者是节流操作

防抖:

image.png

节流:

image.png

防抖和节流的优化(浏览器的极限绘制频率是60帧,16.7毫秒):

image.png

image.png