節流（Throttle）和防抖（Debounce）對于前端開發人員來說應該是十分熟悉的，節流（Throttle）和防抖（Debounce）是兩種可以節省性能的編程技術，兩者的目的都是為了優化性能，提高用戶體驗，都是基于 DOM 事件限制正在執行的 JavaScript 數量的方法。
在 JavaScript 中，防抖和節流都是用來限制函數執行頻率的技術，常用于解決某些高頻觸發的問題，比如滾動事件、拖拽事件、鼠標的移動事件、鍵盤按鍵事件、輸入框實時搜索等等。
防抖和節流都可以避免函數被頻繁調用，減少計算資源的浪費，提高性能。
具體來說：
- 防抖函數會在事件觸發 n 秒后執行，如果在這段時間內事件又被觸發，則會重新計算執行時間，直到等待時間結束，最后一次觸發的事件才會被執行。防抖函數的作用是對于一些高頻觸發的事件，避免過多地執行操作，從而提高程序性能。
- 節流函數會在事件觸發后 n 秒內最多執行一次，如果在這段時間內事件又被觸發，則會忽略該次事件的執行，直到等待時間結束，下一個事件才會被執行。節流函數的作用是對于一些高頻觸發的事件，降低操作頻率，避免過多地執行操作，從而提高程序性能。
防抖和節流的實現方法有多種，其中常用的方式是使用定時器來控制函數執行的時間間隔。在使用防抖和節流函數時需要注意適當設置時間間隔，以保證函數不會被過度限制或者過度調用。
關于防抖和節流更詳細的介紹可以閱讀下面文章：