【JS】Day14--防抖和节流⭐️⭐️⭐️

[chenliqio]

一、防抖和节流的目的

• 为了限制函数的执行次数，避免短时间不必要的多次函数执行。
• 防止高频调用函数带来的性能耗损和卡顿。

二、防抖和节流是什么

1. 防抖：连续多次触发时间，只执行最后一次。

2. 节流：n秒内多次触发某事件，只执行一次。

三、使用场景

1. 防抖

   • 搜索框，用户在不断输入值时，搜索框下面自动补全搜索关键字。
   • 输入手机号 ，邮箱验证时输入字符的检测。

   用防抖可以实现当用户暂停连续输入时，才处理用户输入的数据。

2. 节流

   • 触底加载更多、滚动加载更多事件。
     用节流来规避前段事件的不断出发引起的性能问题。

   • 防止点击重复事件。
     用节流可以避免表单重复提交、按钮重复点击