首页 > 其他分享 >防抖与节流

防抖与节流

时间:2023-03-24 11:12:00浏览次数:27  
标签:触发 防抖 鼠标 输入框 事件 节流

1、什么是防抖

防抖策略(debounce)是当事件被触发后,延迟n秒后再执行回调,如果在这n秒内事件又被触发,则重新计时。

 

 2、防抖的应用场景:

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

3、实现输入框的防抖:

 

1、节流:节流策略(throttle),顾名思义,可以减少一段时间内事件的触发频率;

 

 2、节流的应用场景:

①、鼠标连续不断地触发某事件(如点击),只在单位时间内只触发一次;

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

3、节流阀的概念:

 

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

 

5、总结防抖和节流的区别:

 

标签:触发,防抖,鼠标,输入框,事件,节流
From: https://www.cnblogs.com/tangchuye/p/17250799.html

相关文章