Open wingmeng opened 5 years ago
防抖和节流都是我们解决高频触发事件的两种常用解决方案,与节流不同,防抖是将若干次事件调用合成为一次,并在给定时间过去之后,或者连续事件完全触发完成之后,调用一次。
防抖函数:
function debounce(fn, delay) { var timer = null; delay = delay || 1000; return function() { var context = this; var args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); } }
应用举例:
inputElm.addEventListener('input', debounce(function() { console.log(Date.now()) }));
防抖和节流都是我们解决高频触发事件的两种常用解决方案,与节流不同,防抖是将若干次事件调用合成为一次,并在给定时间过去之后,或者连续事件完全触发完成之后,调用一次。
防抖函数:
应用举例: