Java教程

基本的防抖和节流

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

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

防抖应用场景: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)
      }
    }

 

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