防抖和节流

输入框的防抖

1.什么是防抖

防抖策略是当时事件被触发后，延迟n秒后再执行回调，如果在这n秒内事件又被触发，则重新即时

2.防抖的应用场景

用户在输入框中连续输入一串字符时，可以通过防抖策略，只在输入完后，才能执行查询请求，这样可以有效减少请求次数，节约请求资源；

3.实现输入框的防抖

3.6缓存搜索的建议列表

1.定义全局缓存对象

2.将搜索的结果保存到缓存对象中

 3.优先从缓存中获取搜索建议

 4.1什么是节流

节流策略（throttle），顾名思义，可以减少一段时间内事件的触发频率。

4.2节流的应用场景

①鼠标连续不断地触发某事件（如点击），只在单位时间内只触发一次

②懒加载时要监听计算滚动条的位置，但不必每次滑动都触发，可以降低计算的频率，而不必去浪费CPU资源；

4.3节流案例-鼠标跟随效果

1.渲染UI结构并美化样式

 

 2.不适用节流时鼠标跟随效果

3.节流阀的概念

 4.使用节流优化鼠标跟随效果

4.4防抖和节流的区别

防抖：如果时间被频繁触发，防抖能保证只有最后一次触发生效！前面N多次的触发都会被忽略！

节流：如果时间被频繁触发，节流能够减少事件触发的频率，因此，节流是有选择型执行一部分事件！