一、安装
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 介绍