节流与抖动

防抖与节流

防抖

当事件触发时，相应的函数并不会立即触发，而是会等待一定的时间

当事件密集触发时，函数的触发会被频繁的推迟

防抖的应用场景：

输入框中频繁的输入内容，搜索或提交信息

平凡的点击按钮，触发某个事件

用户缩放浏览器的resize事件

如：输入macbook时，输入m联想，连续输入macbook不联想，在输入完一段时间后联想

防抖的实现：

以input输入为例：

html代码：

<input type="text">
<button id="cancel">取消</button>

基本实现：