2024年前端面试题 - -什么是节流和防抖？_搜索防抖一般几ms(1)，2024年最新并发编程面试题2024最新版

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

目录

• 什么是防抖和节流？- - - 前端面试题
• • 1.防抖：
    • • • 1.1、防抖应用场景：
          • 1.2、防抖代码实现思路？
    • 2.节流：
    • • • 2.1、节流应用场景：
          • 2.2、节流代码实现思路？
    • 总结

1.防抖：

就是指连续触发事件但是在设定一段时间内中只执行最后一次。
例如：
设定1000毫秒执行，当你触发事件了，他会1000毫秒后执行，但是在还剩500毫秒的时候你又触发了事件，那就会重新开始1000毫秒之后再执行

• 记忆核心：从新开始

1.1、防抖应用场景：

• 搜索框搜索输入
  这个是比较典型的案例。在我们输入搜索框的时候，我们不能每次进行输入的时候都要去发送请求，再返回我们数据，会非常的繁琐，那我们这可以设定一个时间，在我们多少秒之后呢再发送请求，所以呢频次不要太高
• 文本编辑器实时保存
  这个也是没有必要每次输入都要保存，而是设定一个时间，多少时间之后呢再自动保存

1.2、防抖代码实现思路？

回答：利用定时器定时器基本靠谱了

let timerId=null
// 首先把定时器声明为null
document.querySelector('.ipt').onKeyup=function(){
//onkeyup键盘抬起事件
//防抖
if(timerId !==null){
clearTimeout(timerId)
}
//键盘抬起的时候我们先来判断是不是null，如果不是null我就清除定时器
//首次执行这个条件是不满足的，所以不清除定时器，执行下面代码
timerId =setTimeout(()=>{
	console.log('我是防抖')
},1000)
//定时器一旦执行，就会返回给我们一个数字，所以timerId就有数字了
//1.如果此时你又做了一次键盘的抬起事件，
//2.因为定时器timerId不是null，那么就先清除定时器
//3.清除完毕又执行这段代码
}

2.节流：

就是指连续触发事件但是在设定的一顿时间内只执行一次函数。
例如：
设定1000毫秒执行，那你在1000毫秒触发再多次，也只在1000毫秒后执行一次
记忆方法

• 记忆核心：不要打断我

2.1、节流应用场景：

• 高频事件 例如 快速点击、鼠标滑动、resize事件、scroll事件
• 下拉加载
• 视频播放记录时间等

2.2、节流代码实现思路？

回答：利用定时器定时器基本靠谱了

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。