背景：在前端開發中，有時會為頁面綁定resize事件，或為一個頁面元素拖拽事件（其核心就是綁定mousemove)在一個正常操作中也有可能在一個短時間內觸發非常多次事件綁定程序，而DOM操作是很消耗性能的，如果為這些事件綁定一些操作DOM節點的操作的話就會引發大量的計算，在用戶看來頁面可能就一時間 ...

我們知道，js有些事件例如resize，mousemove等是會不間斷觸發的，例如我們簡單的一個scroll事件： 我們需要在滾動的時候去做一些事情，如上圖可見，我們只是簡單的console，在一次滾動過程中函數即執行了將近20次，如果這個函數 ...

前言：針對一些會頻繁觸發的事件如scroll、resize，如果正常綁定事件處理函數的話，有可能在很短的時間內多次連續觸發事件，十分影響性能 節流： 節流：使得一定時間內只觸發一次函數。 它和防抖動最大的區別就是，節流函數不管事件觸發有多頻繁，都會保證在規定時間內一定會執行一次真正 ...

應用場景： 1）前端點提交按鈕，防止用戶短時觸發多次點擊； 2）類似百度輸入直接AJAX請求關鍵字，延遲處理。 ...

，這時候就需要節流，讓自己回來的時候水差不多滿了。那在JS里有沒有這種情況呢，典型的場景是圖片懶加載監聽頁 ...

、mousemove 等等，但有些時候我們並不希望在事件持續觸發的過程中那么頻繁地去執行函數。 通常這種情況下我 ...

概念解釋 函數節流: 頻繁觸發,但只在特定的時間內才執行一次代碼 函數防抖: 頻繁觸發,但只在特定的時間內沒有觸發執行條件才執行一次代碼 函數節流 函數節流應用的實際場景，多數在監聽頁面元素滾動事件的時候會用到。因為滾動事件，是一個高頻觸發的事件。 以下是監聽頁面元素滾動的示例代碼 ...

問題引入 問題1： 如果實現了dom拖拽功能，但是在綁定拖拽事件的時候發現每當元素稍微移動一點便觸發了大量的回調函數，導致瀏覽器直接卡死，這個時候怎么辦？ 問題2：如果給一個按鈕綁定了表單提交的post事件，但是用戶有些時候在網絡情況極差的情況下多次點擊按鈕造成表單 ...