码迷,mamicode.com
首页 > 微信 > 详细

小程序中使用函数节流

时间:2020-03-24 16:01:07      阅读:128      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!