首页 > 其他分享 >防抖,节流

防抖,节流

时间:2022-12-06 11:46:37浏览次数:32  
标签:防抖 console 节流 timer null log

let  timer = null

clearTimeout(timer)

timer = setTimeout(()=>{

  console.log("防抖")

},1000)

防抖:在一定时间内只执行最后一次操作,多用于做输入框搜索

节流:一定时间内执行一次操作,可用于拖拽

function throttle(fn, delay = 200) {
  let timer = null
  return function () {
    if(timer) return
    timer = setTimeout(() => {
      fn.apply(this,arguments)
      timer = null
      })
    }
 }
(throttle((e) => {
  console.log(“节流”)
}), 200)

标签:防抖,console,节流,timer,null,log
From: https://www.cnblogs.com/g-undefined/p/16954767.html

相关文章

  • 函数防抖和函数节流
    1、什么是函数防抖和函数节流    防抖(debounce)和节流(throttle)都是用来控制某个函数在一定时间内执行多少次的技巧,两者相似不相同,基本思想都是某些代码不可以在没有间......
  • 防抖debounce与节流throttle(63rd)
    防抖debounce与节流throttle(63rd):https://blog.csdn.net/weixin_55608297/article/details/128072358?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.non......
  • js 手写防抖
    使用场景:多次操作只执行第一次操作。可以用于用户点击按钮事件防抖操作。多次操作只执行最后一次操作。可以搜索输入框,输入多个字符进行搜索,当输入停止之后进行搜索......
  • js的所有的this指向和节流防抖
    所有的this指向普通函数重的this指向,wind对象中的方法this指向,该对象(是对象中的方法的this指向,不是对象中的this指向,对象是没有this指向的)事件绑定中的this指向,绑定的事......
  • 防抖节流的区别 怎么实现防抖节流
    防抖节流区别 怎么实现的 防抖:指在触发事件后n秒内函数只执行一次(确定不在更改时执行)如果在n秒内再次被触发则时间会被重新计算如:王者里面的回城如果回城终端......
  • 防抖 & 节流
    防抖&节流防抖:连续触发事件,但在规定时间内,只会触发一次详细解说:规定时间为2000ms,在这个时间内,如果多次触发事件,会终止上一次没有执行完的操作,重新开始计时,最终也只会......
  • 节流和防抖的实现
    节流的理解和简单实现所谓的“节流”,是通过在一段时间内无视后来产生的回调请求来实现的。只要一位客人叫了车,司机就会为他开启计时器,一定的时间内,后面需要乘车的客人都得......
  • vue 2 中防抖节流在当前页面里写
    isfilter(val){   //过滤   this.debounce(()=>{    this.init(val);   },1000);  },  debounce(fn,delay){   v......
  • React-Hooks怎样封装防抖和节流-面试真题
    Debouncedebounce原意消除抖动,对于事件触发频繁的场景,只有最后由程序控制的事件是有效的。防抖函数,我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生,在......
  • 前端防抖节流
    /***防抖核心代码*逻辑是*第一次点完以后开始计时*如果单位时间内点了的话*不但无效,而且时间从头计算**例如*设置3000毫秒*第一次点完如果3秒......