一、节流
节流: 高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率。
export function throttling(fun, delay) {
let flag = true;
return function() {
if (!flag) {
return;
}
flag = false;
setTimeout(() => {
fun.apply(this, arguments);
flag = true;
}, delay);
};
}
二、防抖
防抖: 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。
export function debounce(fun, delay) {
let timeout = null;
return function (e) {
clearTimeout(timeout);
timeout = setTimeout(() => {
fun.apply(this, arguments);
}, delay)
};
}