首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
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
全部评论
推荐
最新
楼层
暂无评论,快来抢首评~
相关推荐
昨天 19:15
复旦大学 前端工程师
大家面试的时候会洗脸吗?
好久没来牛客了,今天面试了一个实习生,感觉对方形象乱糟糟的,头发像鸡窝,像刚睡醒就来面试了,第一印象直接大打折扣,感觉我没有受到应有的尊重,再加上对方业务能力也一般,我直接挂掉;大家面试的时候还是好好收拾一下自己吧,争取给面试官留下个好印象,面试这东西还是存在眼缘的
牛客激励计划
点赞
评论
收藏
分享
05-29 16:52
字节跳动_研发(实习员工)
27届勇闯实习!!图灵深视面经(已OC)
其实我没听过这个厂,我记不得什么时候投的了,不过就当面试练习了吧。自我介绍部门接口迁移的diff怎么做的dryRun逻辑怎么设计的怎么使用策略模式设计通用 DIff 工具的呢?看你开发了一个通用组件 errGroup ,你从调研到实现的过程是怎样的呢,errGroup 和 WaitGroup 有什么区别,怎么发现kartos errGroup 的 Bug的?对账系统怎么做的,有并发问题吗,怎么考虑的?介绍一下 LSM TreeMemTable 过大怎么办,为什么选择使用跳表?并发安全的跳表是加全局锁吗,锁粒度怎么考虑的?为什么 SSTable 要分层,不分层会有什么问题?对于读性能的损耗你有什...
查看16道真题和解析
我的实习日记
牛客创作赏金赛
点赞
评论
收藏
分享
04-12 13:48
哈尔滨理工大学 语音/视频/图形开发
求简历修改
26届毕业,目前想找实习
xwqlikepsl:
感觉很厉害啊,慢慢找
点赞
评论
收藏
分享
05-27 11:54
华侨大学 财务
大三下杭州女大实习生一天的花销
主要是劝自己少花点特别能花的小女孩感觉上班花的其实比平时少了挺有成就感的工资120交通补贴30早饭0(自带嘟)地铁3打车10.26午饭15地铁3晚饭27.84合计59.1剩余90.9
记录实习开销
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
点赞
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
我的校园恋爱正式结束了
1.3W
2
...
这次是真的告别了!
1.1W
字节暑期补捞
热聊中
3
...
极限春招小结
8681
4
...
坐我后面的妹妹被拉走了!!
7460
5
...
找工作找到厌倦了,晒一下毕业照吧!
7460
6
...
从后端的角度聊一聊:2728届想要搞开发的同学现在最应该干什么?
7403
7
...
毕业照和春招结束代表着我的学生时代落幕了
6323
8
...
26届找不到暑期实习也不必太焦虑!!!!
5990
9
...
实习生崩溃瞬间
5752
10
...
第一次给了美团
5209
创作者周榜
更多
正在热议
更多
#
写给毕业5年后的自己
#
3155次浏览
58人参与
#
海信求职进展汇总
#
64215次浏览
356人参与
#
华泰证券Fintech星战营
#
167441次浏览
190人参与
#
职场捅娄子大赛
#
314854次浏览
3237人参与
#
HR问:你期望的薪资是多少?如何回答
#
39366次浏览
524人参与
#
华为求职进展汇总
#
4640034次浏览
28240人参与
#
如果今天是你的last day,你会怎么度过?
#
22009次浏览
197人参与
#
当下环境,你会继续卷互联网,还是看其他行业机会
#
107613次浏览
779人参与
#
好好告别我的学生时代
#
37533次浏览
773人参与
#
晒晒我司的端午福利
#
14277次浏览
99人参与
#
实习/项目/竞赛奖项,哪个对找工作更重要?
#
82281次浏览
1108人参与
#
参加完秋招的机械人,还参加春招吗?
#
47274次浏览
544人参与
#
金融财经春招备战日记
#
19171次浏览
127人参与
#
视觉/交互/设计百问百答
#
42685次浏览
427人参与
#
晒一下我的毕业照
#
29094次浏览
310人参与
#
如何缓解求职过程中的焦虑?
#
6286次浏览
93人参与
#
上班苦还是上学苦呢?
#
222039次浏览
1326人参与
#
记录实习开销
#
22501次浏览
171人参与
#
如果中了500万,你会离职吗?
#
81482次浏览
649人参与
#
工作两年想退休了
#
119236次浏览
1115人参与
#
金融银行面经
#
73511次浏览
519人参与
牛客网
牛客企业服务