关于js防抖与节流的简介与方案总结

关于js防抖与节流的简介与方案总结

需求描述:

• 在项目中进行窗口的resize、scroll，输入框内容校验等操作中，如果事件处理函数调用的频率无限制，不仅加重浏览器的负担，也会导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来限制高频率的动作，提升用户体验。

解决方案:

• 1.防抖：利用定时器，当高频次触发事件时，规定时间段内没有再触发事件，事件处理函数才会执行一次。如果持续触发，那么就清除掉持续触发的定时器，定时器的回调就不会执行，解决方法：

• const debounce = (func, delay) => {