debounce和throttle分析

debounce和throttle都是为了防止在一定时间内连续触发某个函数.具体有所不同.

debounce

英文中意思:防抖动, 防反跳.

指的是在连续触发函数中,在规定事件n最后一次触发
比如鼠标连续mouseMove某个文字时,文字显示次数+1. 要求move停止1秒后+1. 小于1s的不触发+1


image.png

throttle

英文

n.节流阀; 喉咙,气管; [机]风门;
vt.& vi.扼杀,压制; 勒死, 使节流; (用节汽阀等)调节
vi.节流,减速;

以mouseMove为例.
throttle(func, 1000). 连续hover时1s内最多执行一次,与最后一次没有关系.


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容