js 防抖（debounce）与节流(throttle)

防抖与节流涉及到两个概念

开始边界与结束边界

防抖（debounce）：(鼠标mousemove)

search搜索，用户在不断输入值时，用防抖来节约请求资源；

window触发resize的时候；

不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来使其只触发一次

防止重复提交。

节流（throttle）(鼠标mousedown)

鼠标监听滚动事件，比如是否滑动到底部或者加载更多

防抖可封装的方法如下：

防抖的应用场景（提交按钮的点击都要做防抖，防止测试以及用户恶意点击）

节流可封装的方法如下：

节流的意义：

就是你要查询一个用户名是否存在，产品的逻辑又是要你实时查，不能blur的时候查，你就写一个节流函数，每隔几百毫秒获取输入框的内容查一次，input框change的时候用上节流

在给定的时间间隔内执行一次

function throttle(fn,wait,flag){
    var previous = 0;//参照物
    return function(){
      var self = this;
      var now = +new Date();
      if(now-previous>wait){
        fn.apply(self);
        previous = now;
      }
    }


 }