防抖防多次,最后一次才落实;
节流控频率,间隔执行有规律。
输入搜索用防抖,滚动监听节流起;
高频操作要优化,性能提升靠它俩!
防抖
防抖是一种延迟执行的技术,是一段时间内多次触发保留最后一次,如果有新的执行进来,就取消上一次的定时器,重新开始计时,只有当事件在指定的时间内没有再次触发,事件处理函数才会执行。这样可以避免某些高频率的操作被频繁触发,从而提高性能。
使用场景:搜索输入框、窗口调整、表单验证
节流
节流是一种限制函数执行频率的技术,它的原理是,当事件被频繁触发时,函数会按照一定的时间间隔执行,而不是每次触发事件都执行。换句话说,在一个时间段内,只会执行一次事件处理函数。
使用场景:页面滚动、按钮点击