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

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

重復提交，如何防止多次提交的發生？ 為了應對如上場景，便出現了函數防抖和函數節流兩個概念，總的 ...

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

一：函數防抖1、理解：觸發高頻事件后n秒內函數只會執行一次，如果n秒內高頻事件再次被觸發，則重新計算時間2、思路：每次觸發事件時都取消之前的延時調用方法 3、實現： function debounce(fn) { let timeout = null; // 創建一個標記用來 ...

背景：在前端開發中，有時會為頁面綁定resize事件，或為一個頁面元素拖拽事件（其核心就是綁定mousemove)在一個正常操作中也有可能在一個短時間內觸發非常多次事件綁定程序，而DOM操作是很消耗性 ...

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

在日常的開發過程中，會有這樣的場景，事件被頻繁的觸發，比如說我們的在輸入的時候監控keypress事件，在頁面滾動的時候監控頁面的滾動事件。比如我們監控頁面的resize事件，拉動窗口改變大小的時候，resize事件被頻繁的執行 事件處理函數簡單的話還好，但是如果是復雜的dom操作，可能會 ...