防抖和节流

106 阅读1分钟

防抖防多次,最后一次才落实;

节流控频率,间隔执行有规律。

输入搜索用防抖,滚动监听节流起;

高频操作要优化,性能提升靠它俩!

防抖

防抖是一种延迟执行的技术是一段时间内多次触发保留最后一次,如果有新的执行进来,就取消上一次的定时器,重新开始计时,只有当事件在指定的时间内没有再次触发,事件处理函数才会执行。这样可以避免某些高频率的操作被频繁触发,从而提高性能。

使用场景:搜索输入框、窗口调整、表单验证

节流

节流是一种限制函数执行频率的技术,它的原理是,当事件被频繁触发时,函数会按照一定的时间间隔执行,而不是每次触发事件都执行。换句话说,在一个时间段内,只会执行一次事件处理函数

使用场景:页面滚动、按钮点击