Vue組件中如何使用 防抖 和 節(jié)流?下面本篇文章通過示例帶大家了解一下Vue組件中使用 防抖 和 節(jié)流 控制 觀察者和事件處理程序的方法,希望對(duì)大家有所幫助!
在監(jiān)聽頻繁觸發(fā)的事件時(shí),一定要多加小心,比如 用戶在輸入框打字、窗口大小調(diào)整、滾動(dòng)、Intersection Observer 事件。
這些事件總是被頻繁觸發(fā),可能 幾秒一次。如果針對(duì)每次事件都發(fā)起 fetch 請(qǐng)求(或類似的行為),那顯然是不明智的。
我們需要做的就是減緩事件處理程序的執(zhí)行速度。這種緩沖技術(shù)就是 防抖(debounce) 和 節(jié)流(throttle) 。
在本文中,你會(huì)了解到如何在 Vue 組件中 使用 防抖 和 節(jié)流 控制 觀察者(watchers) 和 事件處理程序。【