当前位置:网站首页 > 技术博客 > 正文

js防抖和节流 区别及实现方式



防抖(Debounce)

防抖是指在一定时间内只执行一次函数,如果在这段时间内再次触发,那么会重新计算执行时间。常用于如输入框实时搜索以及点赞评分等场景,避免短时间内多次触发事件导致性能问题,(请记住防抖是最后一次提交)

例如简单的点击按钮,设置一定时间在执行此函数

 
  

调用方法一:

 
  

把以下代码放入debounce.js文件中

 
  

一个简单的防抖就完成了

节流(Throttle)

节流是指在一定时间内只允许函数执行一次,无论触发多少次事件,函数都只在规定的时间间隔内执行一次。常用于如滚动事件、提交保存等,确保某些操作不会过于频繁。(请记住是第一时间调用在规定时间不会调用)

 
  

调用方法二: 

 
  

把以下代码放入throttle.js文件中

 
  

简单的节流完成了。 

防抖和节流调用方法是一样的,只不过写法不一样,个人喜欢那种写那种

版权声明


相关文章:

  • 安装microsoft visual c++ 20102025-07-30 09:01:02
  • 汇编语言标志位有什么作用2025-07-30 09:01:02
  • java中hashmap是什么2025-07-30 09:01:02
  • 多线程并发2025-07-30 09:01:02
  • js原型和原型链作用2025-07-30 09:01:02
  • 2017中国指南解读2025-07-30 09:01:02
  • htm和html一样吗2025-07-30 09:01:02
  • python功能模块2025-07-30 09:01:02
  • xmlinputfactory读取 xml文件2025-07-30 09:01:02
  • vulkanrt可以卸载吗2025-07-30 09:01:02