【防抖与节流】

事件的防抖

当一个函数在一定的事间内执行的次数太高了，我们就需要降低频率，如果在200ms以内没有再次触发滚动事件，那么久执行次函数 如果220ms内再次触发滚动事件，那么取消当前计时。重新开始计时。效果如果短时间内大量触发滚动只会执行一次函数  。我们可以用一下函数 /* * 参数 * fn：一个要执行的函数 * delay：延迟的时间 */ function debounce（fn，delay）{    //首先创建一个变量来存储一个定时器    var timer=null；    //下面这一行代码是闭包    return function（）{        if（timer）{            clearTimeout（timer）       }        timer=setTimeout（fn，delay）   }     }

事件的节流

function throttle(fn,delay){
    var valid=true;
    return function(){
        if(!valid){
            return valid=true
        }
     valid=false
     setTimeout(function(){
         fn();
         valid=true;
     },2000)
    }
}