函数防抖和节流

debounce的特点是当事件快速连续不断触发时,动作只会执行一次。 延迟debounce,是在周期结束时执行,前缘debounce,是在周期开始时执行。但当触发有间断,且间断大于我们设定的时间间隔时,动作就会有多次执行。
周期内有新事件触发,清除旧定时器,重置新定时器;这种方法,需要高频的创建定时器。


image.png

throttling,当持续触发事件时,保证隔间时间触发一次事件。固定周期内,只执行一次动作,若有新事件触发,不执行。周期结束后,又有事件触发,开始新的周期。


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文链接[https://github.com/tofrankie/blog/issues/248] 一、前言 相...
    越前君阅读 1,099评论 0 15
  • 在前端开发中有一部分用户行为会频繁出发事件执行。而对于DOM操作、资源加载等耗性能的处理,很可能导致界面卡顿,甚至...
    她是我的bug阅读 590评论 0 0
  • 首先需要了解防抖和节流:在前端开发中,经常会需要绑定一些持续触发的事件,比如:resize、scroll、mous...
    前端小白丹阅读 179评论 0 0
  • 在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等...
    Grace_feb3阅读 433评论 0 0
  • 防抖(debounce):在指定的时间 n 秒后执行回调,如果在计算时间的过程中又被触发,则从新开始计算时间 fu...
    sharon_007阅读 841评论 0 0

友情链接更多精彩内容