节流,防抖 傻傻说不清楚

2021-05-24  本文已影响0人  Aurora_卷

理论知识:

 节流: 在一段时间内只能执行一次
 防抖:两次调用的时间差满足指定时间
栗子:窗口大小变化 resize
function resize (){
    console.log('窗口发生了变化')
}
window.addEventListener('resize',resize,false)
  1. throttle 节流
function throttle(func,delay){
    var last = 0;
    return function (){
      let now = Date.now()
      if(now >= last + delay){
        func.apply(this,arguments)
     } else {
        console.log('距离上次调用还在时间范围内')
    }
    }
}

window.addEventListener('resize',throttle(resize,500))

上一篇 下一篇

猜你喜欢

热点阅读