lodash網址https://www.lodashjs.com/docs/lodash.debounce

防抖和節流應用場景

防抖

防抖，顧名思義，防止抖動，以免把一次事件誤認為多次，敲鍵盤就是一個每天都會接觸到的防抖操作。

應用場景

• 登入、發簡訊等按鈕避免使用者點選太快，以致於傳送了多次請求，需要防抖
• 調整瀏覽器視窗大小時，resize 次數過於頻繁，造成計算過多，此時需要一次到位，就用到了防抖
• 文字編輯器實時儲存，當無任何更改操作一秒後進行儲存

節流

節流，顧名思義，控制水的流量。控制事件發生的頻率，如控制為1s發生一次，甚至1分鐘發生一次。與服務端(server)及閘道器(gateway)控制的限流 (Rate Limit) 類似。

應用場景

• scroll 事件，每隔一秒計算一次位置資訊等
• 瀏覽器播放事件，每個一秒計算一次進度資訊等
• input 框實時搜尋併發送請求展示下拉列表，每隔一秒傳送一次請求 (也可做防抖)

參考https://blog.csdn.net/weixin_45891980/article/details/121064450