防抖节流

防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间

function debounce(func, wait) {
      var timeout;
      return function () {
          var _this = this, args = arguments;
          timeout && clearTimeout(timeout)
          timeout = setTimeout(function(){
              func.apply(_this, args)
          }, wait);
      }
  }

节流：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率

function throttle(func, wait) {
    var timeout;
    return function() {
        var _this = this, args = arguments;
        if (!timeout) {
            timeout = setTimeout(function(){
                timeout = null;
                func.apply(_this, args)
            }, wait)
        }

    }
}

或者

function throttle(func, wait) {
    var previous = 0;
    return function() {
        var now = Date.now();
        var _this = this, args = arguments;
        if (now - previous > wait) {
            func.apply(_this, args);
            previous = now;
        }
    }
}