面试题 -- 防抖和节流

2019-04-22  本文已影响0人  开着五菱宏光的小白

以下场景往往由于事件频繁被触发,而重复执行DOM操作、资源加载等行为、会导致UI停顿甚至浏览器崩溃。

1、window对象的resize、scroll和拖拽时的mousemove事件
2、射击游戏中的mousedown、keydown事件

3、类似百度搜索提示keyup事件

debounce(防抖)的特点是当事件快速连续不断触发时,动作只会执行一次

节流(throttle)函数不管事件触发有多频繁,每隔一个时间周期就会执行一次事件处理程序

上一篇 下一篇

猜你喜欢

热点阅读