首页 > 其他 > 详细

节流的处理

时间:2018-08-23 19:02:56      阅读:192      评论:0      收藏:0      [点我收藏+]

偶然间在工作中遇到了可能会出现用户频繁点击组件的问题

emm,你说不可能?谁会闲的那么蛋疼?

林子大了,什么鸟都有

更何况

好了不瞎扯了,步入正题

对于这类问题,一般都是在会涉及到网络请求或者计数的时候,才会有这个需求,禁止用户频繁的连续点击

 var oldTime = 0

 function throttling(fun, time) {
    let that = this
    return function() {
      let newTime = new Date().getTime()
      if (newTime - oldTime  > time) {
        fun(x, y)
     
        oldTime = newTime   
      }
    }()
  }

  function add(x, y) {
    return x + y + 1
  }

  xxx.onclick = throttling(add, 1000)

  上述代码中,对于需要执行的函数add,若是需要传入参数的时候,切记在函数throttling中调用的时候再进行传参,

对于实际调用   xxx.click = throttling(add, 1000)中的add只能是函数名,是不可带括号以及传参的

然后返回的匿名函数需要是一个自执行函数,否则内部的代码不会执行

以上,仅供遗忘之际复习以及参考用

节流的处理

原文:https://www.cnblogs.com/weilaiz/p/9525139.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!