前端防抖节流的区别及应用场景

防抖：指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。

使用场景：
① 搜索框搜索输入。只需用户最后一次输入完，再发送请求
② 窗口大小 resize。只需窗口调整完成后，计算窗口大小，防止重复渲染
③ 登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖
...

节流：连续触发事件但是在 n 秒中只执行一次函数，节流会稀释函数的执行频率。