防抖和節流都是優化高頻率執行js的方法
dom 結構
123js 結構
var jh =1 ;
var jhbt = document.getelementbyid("jh");
防抖：只有等空閒時間才去執行，
比如搜尋框功能，如果快速一直按鍵，難道每輸入乙個鍵就去後台匹配然後渲染嗎？等使用者輸入完整關鍵字在去後台匹配是不是效能更加優化。
jhbt.onclick = function()
window.test = settimeout(function(),2000)
}節流 ：在一定的週期執行js
//時間戳實現
var ft = date.now();
var time = 2000 ;
jhbt.onclick = function()
}// 節流 計時器
window.time=null ;
jhbt.onclick = function ()
// 為空則執行，執行完了則置空
if(!window.time),2000)}}
自己的一些理解，如有不當之出，還望路過的園友不吝指教，助我早日走上正道。
前端防抖節流
防抖和節流是前端最基本的效能優化，在繫結監聽事件onmousemove，onmousewheel時，如果觸發過於頻繁，在一次觸發尚未執行完時又再次觸發，就會造成瀏覽器丟幀，進而影響使用者體驗，防抖和節流就是為了解決這個問題。防抖 在事件觸發n秒後再執行這個函式，如果在n秒內又觸發則重新計時 func...
前端防抖與節流
在某些高頻度觸發的事件中繫結操作需要用到節流函式。最常見的打個栗子，如果要在window的滾動事件中傳送ajax請求載入更多資料。有需要的童鞋可以把此段複製到html檔案中自行檢視效果。我們來看看此時頁面的表現效果。此時我們可以看到console.log 1 被高頻度觸發。如果此時scroll裡面觸...
防抖和節流 什麼是防抖和節流
目錄二 節流 有這樣一種情況，想象有乙個表單，點選提交按鈕就傳送請求給伺服器。如果使用者在很短的時間間隔內 手抖 點選了多次，又或者是惡意點選，那麼就將傳送多個請求。該行為將造成伺服器額外的不必要負載。所謂防抖，實際上就是是處理這種常見的情況的描述。submit該段 當點選submit按鈕的時候，將...