在原生JavaScript中，節(jié)流和防抖是常用的性能優(yōu)化技術(shù)，用于控制事件的觸發(fā)頻率，

以提高頁面的響應(yīng)速度和性能。

節(jié)流

節(jié)流是指限制事件觸發(fā)的頻率，確保在一定時間間隔內(nèi)只執(zhí)行一次事件處理函數(shù)。

通過節(jié)流，可以避免過度頻繁地觸發(fā)事件，從而減少不必要的資源消耗。

使用場景：

?頁面滾動事件：當(dāng)用戶滾動頁面時，觸發(fā)滾動事件的頻率非常高。

?通過節(jié)流，可以限制滾動事件的觸發(fā)頻率，確保在一定時間間隔內(nèi)執(zhí)行滾動處理邏輯，以減少頁面的負(fù)載。

高頻點擊事件：當(dāng)用戶點擊按鈕或元素時，觸發(fā)點擊事件的頻率也可能很高。

通過節(jié)流，可以限制點擊事件的觸發(fā)頻率，確保在一定時間間隔內(nèi)只響應(yīng)一次點擊，防止重復(fù)操作。

防抖

防抖是指當(dāng)事件觸發(fā)后，立即執(zhí)行事件處理函數(shù)之前，等待一段時間，如果在這段時間內(nèi)再次觸發(fā)該事件，則重新計時。

防抖可以用來解決高頻觸發(fā)事件時的性能問題，確保只執(zhí)行一次事件處理函數(shù)。

使用場景：

搜索框?qū)崟r搜索：當(dāng)用戶在搜索框中輸入內(nèi)容時，觸發(fā)搜索事件。

通過防抖，可以延遲搜索事件的觸發(fā)時間，以避免在用戶連續(xù)輸入時頻繁觸發(fā)搜索請求。

窗口調(diào)整事件：當(dāng)窗口大小調(diào)整時，觸發(fā)調(diào)整事件。

通過防抖，可以確保在用戶停止調(diào)整窗口大小一段時間后再執(zhí)行調(diào)整處理邏輯。

節(jié)流和防抖的價值

優(yōu)化頁面性能和用戶體驗。通過限制事件處理函數(shù)的觸發(fā)頻率，可以減少不必要的計算、網(wǎng)絡(luò)請求和更新操作，

提高頁面響應(yīng)速度。此外，節(jié)流和防抖還可以減少資源的消耗，提升頁面的整體性能和流暢