防抖和節(jié)流

1.防抖和節(jié)流

1.1什么是防抖?

防抖就是當(dāng)事件被觸發(fā)后,延遲 n 秒后再執(zhí)行回調(diào),如果在這 n 秒內(nèi)事件又被觸發(fā),則重新計時。


1.2 防抖的應(yīng)用場景:

用戶在輸入框中連續(xù)輸入一串字符時,可以通過防抖策略,只在輸入完后,才執(zhí)行查詢的請求,這樣可以有效減

少請求次數(shù),節(jié)約請求資源

2 什么是節(jié)流?

節(jié)流顧名思義,可以減少一段時間內(nèi)事件的觸發(fā)頻率。



2.1節(jié)流的應(yīng)用場景

① 鼠標(biāo)連續(xù)不斷地觸發(fā)某事件(如點擊),只在單位時間內(nèi)只觸發(fā)一次;

② 懶加載時要監(jiān)聽計算滾動條的位置,但不必每次滑動都觸發(fā),可以降低計算的頻率,而不必去浪費 CPU 資源;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 日常學(xué)習(xí)知識點總結(jié)(JS篇) 1、閉包: 閉包就是函數(shù)中的函數(shù),里面的函數(shù)可以訪問外面函數(shù)的變量,外面的變量是內(nèi)部...
    依稀_Sting閱讀 2,221評論 0 1
  • 轉(zhuǎn) 一、html和css部分 1、如何理解CSS的盒子模型? 標(biāo)準(zhǔn)盒子模型:寬度=內(nèi)容的寬度(content)+ ...
    小透明進擊戰(zhàn)閱讀 341評論 0 0
  • 防抖和節(jié)流都是為了解決短時間內(nèi)大量觸發(fā)某函數(shù)而導(dǎo)致的性能問題,比如觸發(fā)頻率過高導(dǎo)致的響應(yīng)速度跟不上觸發(fā)頻率,出現(xiàn)延...
    _SweetHeart閱讀 460評論 0 1
  • 5月以來,哪怕對市場風(fēng)向再不敏感的人,也感覺到陣陣涼意。二級市場連續(xù)下挫,一級市場融資環(huán)境惡化,不論企業(yè)融資數(shù)量還...
    錢皓頻道閱讀 6,457評論 1 6
  • 推薦指數(shù): 6.0 書籍主旨關(guān)鍵詞:特權(quán)、焦點、注意力、語言聯(lián)想、情景聯(lián)想 觀點: 1.統(tǒng)計學(xué)現(xiàn)在叫數(shù)據(jù)分析,社會...
    Jenaral閱讀 5,982評論 0 5

友情鏈接更多精彩內(nèi)容