三分钟带你认识节流与防抖！！！

1、节流（throttle）
设规定时间为3s
当监听到某个事件在3s内，频繁触发，则函数节流会忽略事件的触发，即每隔3s才能调用一次。

throttling(fn, wait) {
        let endTime = +new Date;
        return function () {
            if (+new Date - endTime < wait) {
                return console.log('触发太频繁了');
            }
            fn();
            endTime = +new Date
        }
    }

2、防抖（debounce）
设规定时间为3s
当事件持续触发，直到3s内没有触发，此时事件处理函数才会执行一次，如果在3s内，又触发事件，则重新开始计算时间，事件处理函数还要再等3s才能执行。

function debounce(fn, wait) {
    var timeout = null;      //定义一个定时器
    return function() {
        if(timeout !== null) 
                clearTimeout(timeout);  //清除这个定时器
        timeout = setTimeout(fn, wait);  
    }
}
// 处理函数
function handle() {
    console.log(Math.random()); 
}
// 滚动事件
window.addEventListener('scroll', debounce(handle, 1000));