前端防抖、节流

业务场景：

       在跟踪一个暂存功能时，发现一个小BUG，频繁（宅男手速）点击“暂存”时 ，前端的方法会执行多次，导致逻辑有误。

解决方案：

       利用节流的方式，处理该类情况（应该还可以用遮罩和按钮loading）。     

概念：

       节流，简单理解是规定时间内，即使执行了N次，最终也只是执行一次。

核心代码：

import _ from "lodash";

//省略组件其他代码

methods:{

    saveTemp : _.throttle(function(){
          //这里的this就是当前组件实例  
          console.info(this);
       
    }
}

这样把方法封装一层后，该方法就支持节流了。再也不怕疯狂点击了。