欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 防抖

程序员文章站 2022-05-14 13:28:30
...

防抖

一段时间只允许一件事情发生
应用场景: 在输入时间的input事件的时候,每输入一个字符,就会触发该事件。
**思想:**开启一个定时器,每过一段时间触发该事件,如果,还没到定时器规定的时间,又触发该事件,则清除之前的定时器。

var timer = null;
function debounce() {
   if (timer) {
      clearTimeout(timer);
   }
   timer = setTimeout(() => {
       dosomething...
   },500)
}

防抖函数的封装(运用闭包)

function debounce(fn, wait=500) {
  var timeout = null;
  return function() {
    if (timeout != null) {
       clearTimeout(timeout);
    }
    timeout = setTimeout(fn,wait);
  }
}

vue保存this的值

有些地方this的指向不是指向vue,则需要保存this的值
var self = null; //全局定义
self = this;

setStorageSync

setStorageSync(key,value);
这里的value需要是字符串,如果不是需要序列化
JSON.stringify(value)

相关标签: 防抖

上一篇: 防抖措施

下一篇: typescript - 2