防抖函数

Posted wayhome123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了防抖函数相关的知识,希望对你有一定的参考价值。

mounted() {
    const refresh = this.debounce(this.$refs.scroll.refresh, 500);

    this.$bus.$on("imgLoad", () => {
      refresh();
    });
  },
  methods: {
    /**
     * 防抖函数
     */
    debounce(fun, delay) {
      let timer = null;
      return function(...args) {
        if (timer) clearTimeout(timer);
        timer = setTimeout(() => {
          fun.apply(this, args);
        }, delay);
      };
    },
}

 

B站视频链接:https://www.bilibili.com/video/BV15741177Eh?p=174

以上是关于防抖函数的主要内容,如果未能解决你的问题,请参考以下文章

js函数节流和函数防抖

JavaScript性能优化8——防抖与节流

JavaScript性能优化8——防抖与节流

防抖函数-debounce

函数防抖和节流*(性能优化不错的选择)

防抖和节流函数