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

    防抖:动作绑定事件,动作发生后一定时间后触发事件,在这段时间内,如果该动作又发生,则重新等待一定时间再触发事件。

     function debounce(func, time) {
        let timer = null;
        return () => {
          clearTimeout(timer);
          timer = setTimeout(()=> {
            func.apply(this, arguments)
          }, time);
        }
      }


    实例: 定时轮询 如: 定时调状态接口

    节流: 动作绑定事件,动作发生后一段时间后触发事件,在这段时间内,如果动作又发生,则无视该动作,直到事件执行完后,才能重新触发。

      function throtte(func, time){
        let activeTime = 0;
        return () => {
          const current = Date.now();
          if(current - activeTime > time) {
            func.apply(this, arguments);
            activeTime = Date.now();
          }
        }
      }

    实例: 点击按钮调接口后  loading 不能被点击  等接口返回结果后 再点击 

     
    越努力越幸运
  • 相关阅读:
    miniprogramer--ajax
    miniprogram 获取两点之间的距离(经纬度)
    express node-schedule
    express generate xls
    protected default
    Java UUID
    关于轮播图兼容的问题
    关于git上的一些错误信息
    cookie
    关于ajax原理介绍
  • 原文地址:https://www.cnblogs.com/guangzhou11/p/14447525.html
Copyright © 2011-2022 走看看