首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
基础学习课
实战项目课
求职辅导课
专栏&文章
竞赛
搜索
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
AI面试、笔试、校招、雇品
HR免费试用AI面试
最新面试提效必备
登录
/
注册
web3366
广州大学 Web前端
关注
已关注
取消关注
防抖的目的是确保在指定的时间间隔内,函数只被执行一次,而节流是限制函数在一定时间内被调用的次数
@阿珊和她的猫:
面试高频手撕题 | 23.实现一个防抖和节流
一、知识点 防抖和节流都是在 JavaScript 中常见的用于优化性能的技术。 防抖:是一种在短时间内多次触发同一事件,只执行最后一次或只在开始时执行的技术。它的目的是减少不必要的事件调用,避免在短时间内频繁执行某个操作。 节流:是一种限制某个函数在一定时间内只能被调用一次的技术。它的目的是控制函数的调用频率,减少不必要的性能消耗。 二、思路分析 防抖的思路:在事件被触发后,延迟一定时间执行回调函数,如果在延迟时间内该事件再次被触发,则重新计时,直到延迟时间内没有再次触发事件,才执行回调函数。 节流的思路:在指定的单位时间内,只允许触发一次函数,如果该单位时间内触发多次函数,只有一次生效。 三、JavaScript 解答 防抖的实现: function antiShake(fn,delay) { let timer; return function(...args) { // 清除定时器 clearTimeout(timer); // 使用定时器 timer = setTimeout(()=>{ fn.apply(this,args); },delay) }}const button = document.getElementById('myButton');// 绑定事件处理程序button.addEventListener('click', antiShake(()=>{ console.log('按钮被点击了')},1000)) 在上述示例中,使用setTimeout实现了防抖功能。在指定的单位时间内,只响应最后一次。 节流的实现 function throttling(fn,delay) { let flag = true; return function(...args) { if(flag) { flag = false; setTimeout(()=>{ fn.apply(this,args); flag = true },delay) } }}const button = document.getElementById('myButton');// 绑定事件处理程序button.addEventListener('click',throttling(()=>{ console.log('按钮被点击了')},1000)) 在上述示例中,使用了一个布尔值flag来控制函数的执行,实现了节流功能。 四、Java 解答 在 Java 中,你可以使用TimeUnit类来实现防抖和节流。 防抖的实现: import java.util.Timer;import java.util.TimerTask;public class Debounce { private Timer timer; private Runnable task;
点赞 2
评论 2
全部评论
推荐
最新
楼层
暂无评论,快来抢首评~
相关推荐
昨天 15:38
浙江大学 Java
介绍一下CAP理论
图解分布式-牛客面经八股
点赞
评论
收藏
分享
昨天 16:21
浙江大学 Java
MySQL 中 int(11) 的 11 表示什么?
图解数据库基础-牛客面经...
点赞
评论
收藏
分享
10-22 19:59
大连交通大学 前端工程师
曝光学校逆天且不负责任的教学态度
这就是辽宁大连某公办本科,大四实训课讲的东西,vuejs是哪家公司开发的,是™的阿里巴巴,老师的思路是因为尤玉溪去过阿里,所以vue是阿里开发的,就这点专业水准是吧。哥们,人家尤玉溪是谷歌出来的,去阿里已经是成名后了,去做的啥?做的阿里weex(亖了)vue和阿里有锤子关系。更别提这个搞笑的学校计划三个星期零基础学完前后端,课程内容极度不负责任,对校外实习的同学也是不开绿灯,我忍了你四年,你可以讲的水,可以刁难我,你不能是非不分黑白颠倒得上课吧,这题我反驳你不对,你就只会问ai,然后嘴犟。六小龄童还说过改编不是乱编,细说不是胡说呢,你们这样上课是要谢罪的!
yuyuyudlc:
这个题意义何在 考这个不如靠vue的音标 因为好歹证明读过文档
你找实习最大的坎坷是什么
点赞
评论
收藏
分享
昨天 16:29
浙江大学 Java
COUNT(*)、COUNT(1)、COUNT(列) 有啥区别?
图解SQL-牛客面经八股
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
点赞
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
勇气与抉择
2.5W
2
...
2025年12月16日 多年之后 我又梦到那天
1.3W
3
...
拼多多开奖了
9812
4
...
双非本硕客户端总结/经验贴
6280
5
...
被mt骂了怎么办
4552
6
...
有些事真是只有工作了才知道。。
4542
7
...
为什么上班这么痛苦?其实无非这四种内耗
4357
8
...
单9机械结构硕的求职大结局
4229
9
...
关于双非找实习的一个暴论
4127
10
...
入职大厂坦白局
3588
创作者周榜
更多
正在热议
更多
#
mt对你说过最有启发的一句话
#
13207次浏览
177人参与
#
打工人的精神状态
#
121112次浏览
1405人参与
#
秋招被挂春招仍然能投的公司
#
2116次浏览
28人参与
#
找工作有哪些冷知识
#
200841次浏览
2564人参与
#
什么是优秀的实习经历
#
2997次浏览
118人参与
#
市场营销人求职交流聚集地
#
165678次浏览
1227人参与
#
提前批过来人的忠告
#
142138次浏览
1326人参与
#
滴滴求职进展汇总
#
286042次浏览
2386人参与
#
携程求职进展汇总
#
831077次浏览
5327人参与
#
来聊聊你目前的求职进展
#
701674次浏览
6955人参与
#
职场新人体验
#
155063次浏览
1118人参与
#
今年秋招你收到了多少封邮件?
#
9394次浏览
132人参与
#
工作中遇到的歹人
#
13193次浏览
189人参与
#
考研失败就一定是坏事吗?
#
164128次浏览
1203人参与
#
秋招特别不鸣谢
#
5979次浏览
83人参与
#
摸鱼被leader发现了怎么办
#
80524次浏览
503人参与
#
选实习,你更看重哪方面?
#
5376次浏览
114人参与
#
被上班搭子“传染”了哪些习惯
#
2678次浏览
69人参与
#
重来一次,我还会选择这个专业吗
#
392620次浏览
3876人参与
#
实习简历求拷打
#
575次浏览
17人参与
牛客网
牛客网在线编程
牛客网题解
牛客企业服务