首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
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
全部评论
推荐
最新
楼层
暂无评论,快来抢首评~
相关推荐
12-07 17:24
门头沟学院 自动化
都是匆忙的选择,感觉人生真的很儿戏
随波逐流的时候年初正赶上大三上的尾巴,鼠鼠是自动化的学生,期末周那情景真是共襄盛举,数模电,控制原理,python,嵌入式,机械制图,还有比字典厚比脸盘子都大的全英教材全英ppt,我和多数同学一样,平时的日子美得就像在泡脚,期末周再把泡脚水一口闷掉。当时满脑子想的都是不要挂科,一定不要挂科,考完了以后美美跟舍友出去吃烧烤,寒假回家过年,跟朋友一起打游戏遛大街。至于考研?考啊,肯定考啊,毕竟那么多人都要考,我干嘛不凑这个热闹。那什么时候复习呢?现在太早了吧,而且我还没做好准备,下学期再开始吧。我就这样每天泡在图书馆盯着一页又一页的ppt硬读,一边试图理解它到底讲了个什么东西一边在纸上随意抄写,毕...
牛客推流小助手:
天啊,写的真情实感,代入感太强了
我的秋招日记
点赞
评论
收藏
分享
12-06 17:04
已编辑
门头沟学院 测试开发
找测试|测开推荐做的项目有哪些?
这个问题也是反反复复绕不开的话题,对于很多同学来说,新手小白不懂测试岗位的要求,很多找测试方向会选择从网上找两个测试类的项目写到简历上,这类项目一般包含以下特征:一.纯测试项目特点?项目一般是某某电商平台,某某金融小程序,某某管理系统,亦或者是博客系统,测试平台等.项目的教程一般是一些测试用例设计,测试用例思维导图,有一些接口测试,使用jmeter做了性能测试.项目的提单jira/禅道链接,测试结果上线,测试报告怎么写,输出了一些测试数据和结果.评价: 这种纯测试类的项目不是企业真实上线的项目,很多数据,测试用例,bug这些都没有什么意义的,只能说作为新手学完测试用例设计之后作为练手学习一下测...
测试开发实习校招经验
点赞
评论
收藏
分享
10-17 16:36
洛阳理工学院 测试开发
面试被爽约了😭😭😭
鼠鼠只能接着投了😰😰
迷茫的大四🐶:
价格这么低都能满了?
点赞
评论
收藏
分享
11-07 16:07
深圳大学 运营
阿里hr面,名不虚传
阿里hr面真的给我面一身汗
前端飞升:
学长,阿里不是卡双非吗,我深也能去吗
点赞
评论
收藏
分享
12-07 11:33
复旦大学 Java
面试自我介绍模板收藏好!
面试是进入大厂不可或缺的一环,它是让面试官快速了解你、并相信你能胜任工作的关键过程。一段出色的自我介绍,能迅速吸引面试官的注意,为后续问答打下良好基础。作为校招面试官,今天我想和大家聊聊,如何用简洁精炼的语言做好自我介绍。大家可以参考这样一个结构:我是谁 + 教育背景 + 实习/项目经历与成果 + 为什么我能胜任。举个例子:“面试官您好,我是XX,2019年硕士毕业于XX大学电子信息工程专业。在专业技能上,我对JVM、并发编程、数据库原理等方面有比较深入的积累。此前我就职于XX公司,担任软件开发工程师,主要负责电商活动系统的研发与优化,在服务性能提升和高可用架构设计上有过不少实践,也对这类业务...
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
点赞
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
零经验也能斩获实习offer
4737
2
...
7天10面 来分享一下我的11月面筋!
4342
数字马力交流圈
热聊中
3
...
0实习冲明年前端暑期,要不要找寒假实习?
3846
4
...
这环境。。。我来谈谈选择和长期主义
3111
华为进展交流圈
热聊中
5
...
都是匆忙的选择,感觉人生真的很儿戏
2936
6
...
工作两年裸辞读研,我后悔了吗···
2895
7
...
百度网盘Golang开发一面凉经
2672
8
...
小红书26校招Java二面85min
2492
9
...
手子入职第二天
2184
10
...
壁垒深圳某小公司⚠️⚠️面试被x骚扰了。。。
1746
创作者周榜
更多
正在热议
更多
#
找工作能把i人逼成什么样
#
2771次浏览
33人参与
#
腾讯音乐求职进展汇总
#
142851次浏览
1031人参与
#
百融云创求职进展汇总
#
10080次浏览
137人参与
#
0经验如何找实习?
#
12049次浏览
243人参与
#
最难的技术面是哪家公司?
#
59911次浏览
933人参与
#
你今年做了几份实习?
#
3315次浏览
60人参与
#
实习心态崩了
#
93590次浏览
487人参与
#
你找工作经历过哪些骗局?
#
4400次浏览
76人参与
#
你开始找寒假实习了吗?
#
6374次浏览
110人参与
#
字节出了豆包coding模型
#
4376次浏览
45人参与
#
实习越久越好,还是多多益善?
#
9494次浏览
80人参与
#
25年找工作是什么难度?
#
6693次浏览
72人参与
#
一上班就想____,这正常吗?
#
2250次浏览
52人参与
#
刚工作,应该先搞钱or搞成长?
#
3982次浏览
60人参与
#
离职你会和父母说吗?
#
5433次浏览
70人参与
#
实习必须要去大厂吗?
#
167442次浏览
1654人参与
#
你是怎么和mt相处的?
#
82199次浏览
434人参与
#
你的实习什么时候入职
#
323329次浏览
2191人参与
#
产品每日一题
#
73289次浏览
659人参与
#
顺丰求职进展汇总
#
71745次浏览
340人参与
#
转正答辩报告怎么写
#
47722次浏览
791人参与
牛客网
牛客网在线编程
牛客网题解
牛客企业服务