zoukankan      html  css  js  c++  java
  • 节流防抖

    util.js
    /*函数节流*/
    function throttle(fn, interval) {
      var enterTime = 0;//触发的时间
      var gapTime = interval || 300 ;//间隔时间,如果interval不传,则默认300ms
      return function() {
        var context = this;
        var backTime = new Date();//第一次函数return即触发的时间
        if (backTime - enterTime > gapTime) {
          fn.call(context,arguments);
          enterTime = backTime;//赋值给第一次触发的时间,这样就保存了第二次触发的时间
        }
      };
    }
     
    /*函数防抖*/
    function debounce(fn, interval) {
      var timer;
      var gapTime = interval || 1000;//间隔时间,如果interval不传,则默认1000ms
      return function() {
        clearTimeout(timer);
        var context = this;
        var args = arguments;//保存此处的arguments,因为setTimeout是全局的,arguments不是防抖函数需要的。
        timer = setTimeout(function() {
          fn.call(context,args);
        }, gapTime);
      };
    }
     
    module.exports = {
      throttle,
      debounce,
    }
    index.js
    import tool from "../../utils/util"
    //cleartab需要做节流防抖的方法名,5000间隔时间可自行根据需要设置,默认为300ms
    cleartab:tool.throttle(function(e){
        a = a+1
        console.log(a,"tttttttttttttttttt")
       },5000),
    正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
  • 相关阅读:
    Rigidbody和Collider
    Unity官方实例教程 Roll-a-Ball
    unity还原three之旋转
    unity还原three——顶点,三角面,uv
    unity还原three导出的json——基本模型,位移,旋转,缩放
    【struts2基础】配置详解
    【深入Struts2】获取ServletAPI的三种方式
    JDBC事务与事务隔离级别详解
    【GOF23设计模式】--工厂模式
    【GOF23设计模式】--单例模式
  • 原文地址:https://www.cnblogs.com/sjruxe/p/15778679.html
Copyright © 2011-2022 走看看