vue 中使用防抖和節流

2021-08-26 17:53:59 字數 548 閱讀 1804

防抖和節流是我們在開發過程中常用優化效能的方式

那麼在 vue 中怎麼使用呢:

在公共方法中(如public.js中),加入函式防抖和節流方法

// 防抖

export function

_debounce

(fn, delay)

timer = settimeout(function

() , delay);

};}// 節流

export function

_throttle

(fn, interval) , interval);

} else

}}

在需要使用的元件引用

import  from

"@/utils/public";

methods中使用

methods: , 200)

}

vue 中使用防抖和節流

防抖和節流是我們在開發過程中常用優化效能的方式 那麼在 vue 中怎麼使用呢 在公共方法中 如 public.js 中 加入函式防抖和節流方法 防抖 export function debounce fn,delay timer settimeout function delay 節流 export...

vue 防抖和節流

函式防抖 debounce 當持續觸發事件時,一定時間段內沒有再觸發事件,事件處理函式才會執行一次,如果設定的時間到來之前,又一次觸發了事件,就重新開始延時。函式節流 throttle 當持續觸發事件時,保證一定時間段內只呼叫一次事件處理函式。js desc 函式防抖 param fn 函式 par...

vue防抖註冊全域性 vue全域性防抖和節流

防抖處理 立即執行 const on vue.prototype.on vue.prototype.on function event,func 500 on.call this,event,newfunc 防抖處理 最後執行 const on vue.prototype.on vue.protot...