千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

在原生JavaScript中，节流和防抖是常用的性能优化技术，用于控制事件的触发频率，

以提高页面的响应速度和性能。

节流

节流是指限制事件触发的频率，确保在一定时间间隔内只执行一次事件处理函数。

通过节流，可以避免过度频繁地触发事件，从而减少不必要的资源消耗。

使用场景：

 页面滚动事件：当用户滚动页面时，触发滚动事件的频率非常高。

 通过节流，可以限制滚动事件的触发频率，确保在一定时间间隔内执行滚动处理逻辑，以减少页面的负载。

高频点击事件：当用户点击按钮或元素时，触发点击事件的频率也可能很高。

通过节流，可以限制点击事件的触发频率，确保在一定时间间隔内只响应一次点击，防止重复操作。

防抖

防抖是指当事件触发后，立即执行事件处理函数之前，等待一段时间，如果在这段时间内再次触发该事件，则重新计时。

防抖可以用来解决高频触发事件时的性能问题，确保只执行一次事件处理函数。

使用场景：

搜索框实时搜索：当用户在搜索框中输入内容时，触发搜索事件。

通过防抖，可以延迟搜索事件的触发时间，以避免在用户连续输入时频繁触发搜索请求。

窗口调整事件：当窗口大小调整时，触发调整事件。

通过防抖，可以确保在用户停止调整窗口大小一段时间后再执行调整处理逻辑。

节流和防抖的价值

优化页面性能和用户体验。通过限制事件处理函数的触发频率，可以减少不必要的计算、网络请求和更新操作，

提高页面响应速度。此外，节流和防抖还可以减少资源的消耗，提升页面的整体性能和流畅