Vue-tool機能パッケージ

新しいutilsフォルダーを作成し、utils.jsファイルを追加します

防振・絞り機能

// 防抖
//在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。
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);
        }
    }
}