防抖、节流:前端开发中有部分用户行为会频繁的触发事件执行,其对于DOM操作、资源加载都很耗费性能,很可能导致界面卡顿,甚至浏览器的崩溃,防抖、节流便可解决此类需求;
1、防抖:用户行为频繁触发事件执行;解决方案:每隔一段时间,执行一次 -> setTimeout; 应用场景:大多为搜索框;
2、节流:函数只有大于等于执行周期时才会执行,周期内调用不执行;应用场景:窗口调整(resize),页面滚动(scroll),抢购疯狂点击(mousedown);
防抖、节流:前端开发中有部分用户行为会频繁的触发事件执行,其对于DOM操作、资源加载都很耗费性能,很可能导致界面卡顿,甚至浏览器的崩溃,防抖、节流便可解决此类需求;
1、防抖:用户行为频繁触发事件执行;解决方案:每隔一段时间,执行一次 -> setTimeout; 应用场景:大多为搜索框;
2、节流:函数只有大于等于执行周期时才会执行,周期内调用不执行;应用场景:窗口调整(resize),页面滚动(scroll),抢购疯狂点击(mousedown);
本文标题:3 原理篇 防抖、节流
本文链接:https://www.haomeiwen.com/subject/ybdwlqtx.html
网友评论