vue项目中的去抖与节流
Posted guozhiqiang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目中的去抖与节流相关的知识，希望对你有一定的参考价值。
// 防抖
export function _debounce(fn, delay) {
var delay = delay || 200;
var timer;
return function () {
var th = this;
var args = arguments;
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(function () {
timer = null;
fn.apply(th, args);
}, delay);
};
}
// 节流
export function _throttle(fn, interval) {
var last;
var timer;
var interval = interval || 200;
return function () {
var th = this;
var args = arguments;
var now = new Date();
if (last && now - last < interval) {
clearTimeout(timer);
timer = setTimeout(function () {
last = now;
fn.apply(th, args);
}, interval);
} else {
last = now;
fn.apply(th, args);
}
}
}
以上是关于vue项目中的去抖与节流的主要内容，如果未能解决你的问题，请参考以下文章
防抖节流一步一步详细讲解，从简单到复杂，从入门到深入了解，再到 Vue 项目中是怎样调用防抖节流方法的