标签:info 使用 ttl 创建 gap return utils date submit
无论是小程序端还是PC端;我们在点击的时候都有可能会连续点击,不断地请求接口,增加http的请求,这样会极大度的浪费性能
这个时候我们就用到 函数节流
我们在utils 文件夹的utils.js 创建 函数节流
/*函数节流*/
function throttle(fn, interval) {
var enterTime = 0;//触发的时间
var gapTime = interval || 3000 ;//间隔时间,如果interval不传,则默认300ms
return function () {
var context = this;
var backTime = new Date();//第一次函数return即触发的时间
if (backTime - enterTime > gapTime) {
fn.call(context, arguments);
enterTime = backTime;//赋值给第一次触发的时间,这样就保存了第二次触发的时间
}
}
}
然后导出

在需要的页面上引入

引用这个函数
submit: throttle(function (e) {
request({
})
//请求接口
}, 2000),
标签:info 使用 ttl 创建 gap return utils date submit
原文地址:https://www.cnblogs.com/BySee1423/p/12559236.html