防抖与节流
用来监听滚动事件或者用户输入框验证事件,如果事件处理没有频率限制,就会加重浏览器的负担,影响用户的体验感,因此,我们可以采取防抖(debounce)和节流(throttle)来处理,减少调用事件的频率,达到较好的用户体验。
防抖
在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时,重新出发定时器。
<div class="box" id="container">
<p>防抖演示</p>
<p>防抖演示</p>
<p>防抖演示</p>
<p>防抖演示</p>
<p>防抖演示</p>
</div>
function debounce(fn, wait) {
var timeout = null