什么是防抖和节流?有什么区别?如何实现?

问题

什么是防抖和节流?有什么区别?如何实现?

  1. 防抖

触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间

  • 思路

每次触发事件时都取消之前的延时调用方法




  
    
    
    
    test
  
  
    
    

    例子

    1. 节流

    高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率

    • 思路

    每次触发事件时都判断当前是否有等待执行的延时函数

    
    
    
      
        
        
        
        throttle
        
      
      
       

    宽:

    高:

    例子
    自己可以贴下来跑一下

    你可能感兴趣的:(什么是防抖和节流?有什么区别?如何实现?)