基本的防抖和节流

本文主要是介绍基本的防抖和节流，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

防抖：就是在某个时间段内，多次触发事件，只执行一次函数，如果在这个时间内再次触发，则时间重新计算

防抖应用场景：from 表单疯狂提交

节流：就是控制事件在每隔多长时间执行一次，如果在时间段内再次触发事件，函数也不会执行

应用场景：百度输入框实时搜索

实施代码：

fangdou() {
      if (this.flag) {
        console.log('防抖学习')
        this.flag = false
        clearTimeout(this.timer)
        this.timer = setTimeout(() => {
          this.flag = true
        }, 5000)
      }
    },
    jieliu() {
      if (this.flag) {
        clearTimeout(this.timer)
        this.timer = setTimeout(() => {
          console.log(this.val, '每隔两秒')
          this.timer = false
        }, 1000)
      }
    }

这篇关于基本的防抖和节流的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！