函数去抖（debounce）和函数节流（throttle）

一、安装

cnpm i lodash -S

二、方法一

1、引入

import _ from 'lodash'
Vue.prototype._ = _

2、使用

this._.debounce(this.handleClick,1000,false)

3.简单debounce函数与使用  例：

function debounce(fn, delay) {
  let timer = null;
  return function() {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function() {
      fn.apply(context, args);
    }, delay);
  }
}

$('.btn-next').on('click',debounce(function(){
	mySwiper4Tab.swipeNext();
	mySwiper4.swipeNext();
},200));

TIPS:在一个页面注册多个debounce时候发现只有最后一个生效。 原因是绑定时候用了 window.onresize。 = = 只能有一个。改用addEventListener就没问题了。

参考链接：debounce 介绍