3 原理篇 防抖、节流

防抖、节流:前端开发中有部分用户行为会频繁的触发事件执行,其对于DOM操作、资源加载都很耗费性能,很可能导致界面卡顿,甚至浏览器的崩溃,防抖、节流便可解决此类需求;

1、防抖:用户行为频繁触发事件执行;解决方案:每隔一段时间,执行一次  ->  setTimeout;     应用场景:大多为搜索框;

3 原理篇 防抖、节流_第1张图片
3 原理篇 防抖、节流_第2张图片

2、节流:函数只有大于等于执行周期时才会执行,周期内调用不执行;应用场景:窗口调整(resize),页面滚动(scroll),抢购疯狂点击(mousedown);

3 原理篇 防抖、节流_第3张图片

你可能感兴趣的:(3 原理篇 防抖、节流)