防抖和節(jié)流

防抖

對于短時間內(nèi)連續(xù)觸發(fā)的事件(例如滾動事件),防抖的含義就是讓某個時間期限(如1000毫秒)內(nèi),事件處理函數(shù)只執(zhí)行一次

在第一次觸發(fā)事件時,不立即執(zhí)行函數(shù),而是給出一個期限值比如200ms,然后:
如果在200ms內(nèi)沒有再次觸發(fā)滾動事件,那么就執(zhí)行函數(shù)
如果在200ms內(nèi)再次觸發(fā)滾動事件,那么當(dāng)前的計時取消,重新開始計時
效果:如果短時間內(nèi)大量觸發(fā)同一事件,只會執(zhí)行一次函數(shù)。

實現(xiàn):setTimeout , 閉包

節(jié)流

我們可以設(shè)計一種定期開放的函數(shù),也就是讓函數(shù)執(zhí)行一次后,在某個時間段內(nèi)暫時失效,過了這段時間后再重新激活。

效果:如果短時間內(nèi)大量觸發(fā)同一事件,那么在函數(shù)執(zhí)行一次之后,該函數(shù)在指定的時間期限內(nèi)不再工作,直至過了這段時間才重新生效。

實現(xiàn):setTimeout

https://www.cnblogs.com/coco1s/p/5499469.html

?著作權(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)容

  • 1、什么是防抖與節(jié)流? 節(jié)流 : 通俗的講就是擰緊水龍頭讓水少流一點,但是不是不讓水流了。想象一下在現(xiàn)實生活中有時...
    懂會悟閱讀 4,394評論 0 3
  • 防抖和節(jié)流嚴(yán)格意義上是屬于性能優(yōu)化方面的知識,接下來使用實際應(yīng)用場景詳細(xì)解釋防抖和節(jié)流。 案例:在滾動條滾動到距離...
    Augenstern___閱讀 378評論 0 0
  • 防抖(debounce) 思路:在第一次觸發(fā)事件時,不立即執(zhí)行函數(shù),而是給出一個期限值比如200ms,然后: 如果...
    alanwhy閱讀 1,469評論 0 21
  • 防抖和節(jié)流嚴(yán)格算起來應(yīng)該屬于性能優(yōu)化的知識,但實際上遇到的頻率相當(dāng)高,處理不當(dāng)或者放任不管就容易引起瀏覽器卡死。所...
    TurnHug閱讀 787評論 0 2
  • 防抖和節(jié)流嚴(yán)格算起來應(yīng)該屬于性能優(yōu)化的知識,但實際上遇到的頻率相當(dāng)高,處理不當(dāng)或者放任不管就容易引起瀏覽器卡死。所...
    猴逃逃閱讀 192評論 0 0

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