防抖与节流

防抖=> 将多次操作变成一次

let telInput = document.querySelector('input')
telInput.addEventListener('input',antiShake(demo,2000))

#防抖封装
function antiShake(fn,wait){
  let timeOut = null ;
  return arges =>{
     if(timeOut) cleatTimeout(timeOut)
     timeOut = setTimeout(fn,wait)
  }
}

function demo(){
  console.log('发起请求')
}

节流

let box = document.querySelector('.box')
telInput.addEventListener('touchmove',throttle(demo,2000))

function throttle(event,time){
  let timer = null;
  return function(){
    if(!timer){
      timer = setTimeout(()=>{
        event()
        timer = null
      },time)
    }
  }
}

function demo(){
  console.log('发起请求')
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容