全栈记JavaScript

3 原理篇 防抖、节流

2019-05-13  本文已影响0人  官清岁月

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读