防抖（debounce）
前端中，防抖（debounce）是一种常用的技术，可以用来防止用户在短时间内多次触发某个事件，例如按钮点击、输入框输入等。在防抖的应用场景中，我们可以在事件触发后等待一定时间后再执行相应的处理函数，这样可以避免因用户频繁触发事件而导致的性能问题。
以下是几种前端防抖的方案：
1. 使用 setTimeout 实现防抖
使用 setTimeout 可以很容易地实现防抖。当事件触发时，清除之前的定时器，然后再设置一个新的定时器，等待一段时间后执行相应的处理函数。
function debounce(func, delay) {
let timer = null;
return function() {
clearTimeout(timer);
timer = setTimeout(() => {
func.apply(this, arguments);
}, delay);
};
}2. 使用 lodash 库的 debounce 方法
Lodash 是一个 JavaScript 工具库，其中包含了许多常用的函数和方法。其中，debounce 方法可以用来实现防抖，使用方式非常简单。
import debounce from 'lodash/debounce';
function handleClick() {
// 防抖处理
}
const debouncedClickHandler = debounce(handleClick, 500);
button.addEventListener('click', debouncedClickHandler);3. 使用 RxJS 库的 debounceTime 方法
RxJS 是一个用于处理异步数据流的 JavaScript 库。其中，debounceTime 方法可以用来实现防抖，它可以对一个流进行防抖处理，只输出最后一次触发事件的数据。
import { fromEvent } from 'rxjs';
import { debounceTime } from 'rxjs/operators';
const button = document.querySelector('#button');
fromEvent(button, 'click')
.pipe(debounceTime(500))
.subscribe(() => {
// 防抖处理
});