《前端面试题》- JS基础 - 防抖和节流

在界面触发点击,滚动,输入校验等事件时,如果对事件的触发频率不加以限制,会给浏览器增加负担,且对用户不友好。防抖和节流就是针对类似情况的解决方案。

防抖

防抖(debounce):当连续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。

示例:




    
    
    
    Document


    
点击0

节流

节流(throttle):当持续触发事件时,保证一定时间段内只调用一次事件处理函数。

示例:




    
    
    
    Document


    
点击0

你可能感兴趣的:(《前端面试题》- JS基础 - 防抖和节流)