防抖和节流的使用方法

概念

防抖节流就是使用定时器 来实现目的。

防抖(debounce)：

在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。

典型的案例就是输入框搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，则重新计时。

节流(throttle)：

规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效。

典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只生效一次。

防抖

定义：

频繁操作防止抖动，在操作后 n 秒内不操作，才触发事件，若继续操作，则重新计时

使用场景：

1.输入框输入

2.缩放resize

代码： 

 

 节流