17C精品-亚洲色欲色欲www在线观看-午夜激情福利视频-婷婷综合色-亚洲成人精品在线观看-h片免费观看-欧美日韩一二三四-一起操在线-色噜噜一区二区-日韩av无码中文字幕-夜夜草影院-国产精品18久久久-2020av在线-草逼视频网-草草视频在线-波多野吉衣在线视频-日本激情视频在线观看-亚洲精品成-xxx国产在线观看-国产高清精品一区-99免费国产-日本十大三级艳星-a天堂视频在线-国内自拍视频一区-一区精品久久

防抖與節流

2020/10/28 10:27:01   閱讀:3044    發布者:3044


1. 節流Throttle - 調用多次、只第一次調用有效


在一段時間內,不論觸發多少次調用,都以第一次為準。 輸入框補全提示,只需要每兩秒補全一次。

主要思路利用時間戳判斷,每次調用判斷和上一次調用的時間差異確定是否需要調用。 throttle實際是一個工廠函數,可以將一個函數封裝為一個帶有節流功能的函數。



2. 防抖Debounce 最后一次為準


在一段時間內,不論觸發多少期回調,都已最后一次為準。 比如:以用戶拖拽改變窗口大小,觸發 resize 事件為例,會觸發組件重新布局,這里面只有最后一次調用是有意義的。

實現的話可以使用定時器執行函數,新調用發生時如果舊調用沒有執行就清除之前的定時器。