javascript函数防抖节流,适用于搜索多次触发请求等场景。 - 文章中心
javascript函数防抖节流,适用于搜索多次触发请求等场景。
2024-12-16

在需要使用的组件引用

在 methods 中使用

应用

==================================================================

函数防抖(debounce)

在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。

看一下运行结果

可以看到,我们只要输入一个字符,就会触发这次ajax请求。不仅从资源上来说是很浪费的行为,而且实际应用中,用户也是输出完整的字符后,才会请求。下面我们优化一下

我们加入了防抖以后,当你在频繁的输入时,并不会发送请求,只有当你在指定间隔内没有输入时,才会执行函数。如果停止输入但是在指定间隔内又输入,会重新触发计时。

个人理解 函数防抖就是法师发技能的时候要读条,技能读条没完再按技能就会重新读条。

函数节流(throttle)

规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

js基础

1)对js的理解
2)请说出以下代码输出的值
3)把以下代码,改写成依次输出0-9
4)如何区分数组对象,普通对象,函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别
8)Web Worker 和webSocket
9)Javascript垃圾回收方法
10)new操作符具体干了什么呢
11)js延迟加载的方式有哪些
12)WEB应用从服务器主动推送Data到客户端有那些方式

)new操作符具体干了什么呢
11)js延迟加载的方式有哪些
12)WEB应用从服务器主动推送Data到客户端有那些方式

[外链图片转存中…(img-bNW9Obhs-1711912856505)]

[外链图片转存中…(img-7b0FtTcI-1711912856505)]

  I   II   III   IV