美文网首页
函数节流和函数去抖

函数节流和函数去抖

作者: 喵啊楞 | 来源:发表于2018-01-27 14:07 被阅读0次
    函数节流

    节流,英文名叫throttle,其用途就是当一个事件被频繁的触发,需要我们人为的限制函数的触发频率,就需要用到函数节流。
    例如:原声的mousemove 的事件,当我们给某个元素绑定mousemove事件时,每次移动,都会触发mousemove的回调函数,但是我们不需要每次移动距离都触发回调函数,则可以通过节流,限制函数的触发频率。

    函数去抖

    去抖,英文名叫debounce,其用途就是当一个事件被频繁的触发,仅当事件结束时,才去执行回调函数,且仅执行一次。
    例如:window.onresize事件,一般情况下,窗口大小改变时,我们只需要onresize事件结束时,才去执行回调函数,不需要每执行一次,就去调用回调函数,则可以使用函数去抖。

    Underscore库中就有throttle和debounce的实现方法,附上大神的github上的源码解析。

    https://github.com/hanzichi/underscore-analysis

    相关文章

      网友评论

          本文标题:函数节流和函数去抖

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