JS事件的防抖与节流

当触发鼠标移动事件或是窗口的scroll滚动事件等操作时，事件处理函数会不停的调用，增加浏览器的负担，有可能造成卡顿，为了解决这个问题，可以使用防抖（debounce）和节流（throttle）。

防抖（debounce）

类似与英雄联盟的回城机制。

当触发一个事件后（开始回城），在一段时间内（回城读秒），再次触发此事件（再按b），重新开始计时（重新回城读秒），这段事件内没有再触发事件，则事件才会执行一次（成功回泉水）。

//防抖
const debunce = (func, wait = 0) => {
   
    let timer = null;
    return function() {
   
        clearTimeout(timer) //清楚定时器
        //console.log('timer', timer);
            //重新开始计时
        timer = setTimeout(() => {
   
            func()
        }, wait)