美文网首页
防抖与截流

防抖与截流

作者: EmilWong | 来源:发表于2019-07-30 14:29 被阅读0次
function debounce (fn, wait, immediate) {
    let timer = null;
    return function () {
        let args = arguments, context = this;
        if (immediate && !timmer) {
            fn.apply(context, args)
        }
        if (timer) clearTimeout(timer)
        timer = setTimeout(()=>{
            fn.apply(context, args);
        }, wait);
    }
} 
function throttle(fn, wait, immediate) {
    let timer = null, callNow = immediate;
    return function () {
        let args = arguments, context = this;
        if (callNow) {
            fn.apply(context, args);
            callNow = false;
        }
        if (!timer) {
            timer = setTimeout(() => {
                fn.apply(context, args);
                timer = null;
            }, wait);
        }
    }
}

相关文章

  • 防抖与截流

  • 防抖和截流

    固定时间段内的多次触发将被重置为单次触发,防抖就是禁止频繁触发,例如:浏览器滑动,触发频率大约是1次/16ms(刷...

  • 防抖和截流

    由来 如果短时间以很高频率触发 scroll 、resize、click 等事件(事件中涉及到大量的位置计算、DO...

  • JS事件截流 / 防抖

    JS事件截流 在使用scroll,resize,mousemove等方法的时候,由于触发次数过于频繁,一般会使用一...

  • 小程序网络封装(下)--翻页逻辑

    2-2 防抖、截流与分页细节分析 2-3 Paging对象 2-4 编程原则:多用return提前结束函数,少用e...

  • JS专题系列之防抖与截流

    一、前言 在前端开发中会遇到一些频繁的事件触发,比如:window 的 resize、scrollmousedow...

  • 前端防抖截流以及常见应用

    前言 现在发现面试时候考察的防抖截流这个问题考察的东西不只这么简单了 面试官会结合各种应用案例去考察,比如模糊搜索...

  • javaScript 防抖函数

    一. 防抖函数的定义与使用 防抖函数的定义 防抖函数的调用 二. 防抖函数应用场景 其实在HTML 和javaSc...

  • scroll事件的性能

    防抖函数:强制一个函数在某个连续时间段内只执行一次 截流函数:固定函数执行的速率 原生节流:同throttle,只...

  • 函数节流与函数防抖

    函数节流与函数防抖的区别JS魔法堂:函数节流(throttle)与函数去抖(debounce)函数的防抖与节流 自...

网友评论

      本文标题:防抖与截流

      本文链接:https://www.haomeiwen.com/subject/fklhrctx.html