小程序中使用函数节流

无论是小程序端还是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),

  

相关文章