美文网首页
节流,防抖 傻傻说不清楚

节流,防抖 傻傻说不清楚

作者: Aurora_卷 | 来源:发表于2021-05-24 16:45 被阅读0次

理论知识:

 节流: 在一段时间内只能执行一次
 防抖:两次调用的时间差满足指定时间
栗子:窗口大小变化 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))

相关文章

网友评论

      本文标题:节流,防抖 傻傻说不清楚

      本文链接:https://www.haomeiwen.com/subject/bdtbjltx.html