节流、防抖

节流和防抖都是一种优化性能的技术，常用于处理频繁触发的事件，比如浏览器的滚动、窗口的改变大小、鼠标移动等。

节流（Throttling）是指在一定时间范围内，只执行一次触发的操作。它可以用于限制用户频繁触发的事件，减少不必要的函数调用。例如，当用户连续滚动页面时，我们可以设置一个时间阈值，在这个时间范围内只执行一次滚动事件的处理函数。

防抖（Debouncing）是指当事件触发后，等待一段时间间隔后再执行操作。它主要用于处理用户输入、请求提交等需要等待一定时间才能确定最终结果的操作。例如，当用户连续输入搜索关键词时，我们可以设置一个等待时间，只有在用户停止输入一段时间后才触发搜索操作。

下面是节流和防抖的两个使用场景和例子：

1. 节流的使用场景：

   • 滚动加载数据：当用户滚动页面时，触发滚动事件的处理函数，可以使用节流来限制函数的调用频率，减少请求次数。
   • 防止按钮重复点击：当用户点击一个按钮时，可能会出现重复点击的情况，可以使用节流来限制按钮的触发频率，防止重复操作。

2. 防抖的使用场景：

   • 搜索框实时搜索：当用户在搜索框中输入关键词时，触发搜索事件的处理函数，可以使用防抖来延迟搜索操作，减少不必要的请求。
   • 窗口改变大小：当用户改变窗口大小时，触发窗口改变事件的处理函数，可以使用防抖来延迟处理函数的执行，提高性能。

总结：节流和防抖都是在特定的场景下使用，通过限制函数的触发频率或延迟函数的执行来优化性能。节流适用于需要限制触发频率的场景，而防抖适用于需要等待一段时间后再执行操作的场景。