【前端】防抖和节流

防抖

防抖用于限制连续触发的事件的执行频率。当一个事件被触发时，防抖会延迟一定的时间执行对应的处理函数。如果在延迟时间内再次触发了同样的事件，那么之前的延迟执行将被取消，重新开始计时。

总结：在单位时间内频繁触发事件，只有最后一次生效

场景 :用户在输入框输入1个字符都会发送请求，正常是全部输入完成才发送

项目中遇到的场景，需要鼠标悬浮在图表的时候，将ToolsTip里的数据回显到头部，由于是2张图表，无法直接赋值，必须通过请求后端接口，由于ToolsTip里的Api是鼠标放上面就会触发，就会出现发起了N个请求，这时候就可以利用防抖，只有一定时间没有动作，才会请求后端接口。

vue中

	//防抖方法,传入函数和延迟
    debounce(fn, delay) {
   
      let timer = null;              //默认是空
      return function () {
   
        if (timer) {
                    //如果存在则
          clearTimeout(timer);       //清空定时器
        }
        timer = setTimeout(()