以下场景往往由于事件频繁被触发,而重复执行DOM操作、资源加载等行为、会导致UI停顿甚至浏览器崩溃。
1、window对象的resize、scroll和拖拽时的mousemove事件
2、射击游戏中的mousedown、keydown事件
3、类似百度搜索提示keyup事件
debounce(防抖)的特点是当事件快速连续不断触发时,动作只会执行一次
节流(throttle)函数不管事件触发有多频繁,每隔一个时间周期就会执行一次事件处理程序
以下场景往往由于事件频繁被触发,而重复执行DOM操作、资源加载等行为、会导致UI停顿甚至浏览器崩溃。
1、window对象的resize、scroll和拖拽时的mousemove事件
2、射击游戏中的mousedown、keydown事件
3、类似百度搜索提示keyup事件
debounce(防抖)的特点是当事件快速连续不断触发时,动作只会执行一次
节流(throttle)函数不管事件触发有多频繁,每隔一个时间周期就会执行一次事件处理程序
本文标题:面试题 -- 防抖和节流
本文链接:https://www.haomeiwen.com/subject/fbrjgqtx.html
网友评论