防抖和节流

1.防抖(debounce)

防抖是只在固定时间间隔wati内,不触发事件才执行。

原理: 设置一个定时器和最小间隔时间,如果用户触发在时间间隔内,就清空定时器,重新计时;否则在wait时间后执行函数。

分类: 防抖函数有两种,一种是第一次触发执行回调函数;一种是第一次触发不执行回调函数。

应用: 在某个动作(鼠标滚动,键盘输入)等结束后调用回调函数。




    
    
    
    Document


    
View Code

2.节流(throttle)

节流是将频繁调用的事件,改为每个固定时间间隔内执行一次。




    
    
    
    Document


    
View Code

 

你可能感兴趣的:(防抖和节流)