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

节流,防抖 傻傻说不清楚

作者: 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