前端大厂高频面试真题(最常见版)

#面试问题记录#

一、JS 基础(必问)

1. 变量提升、作用域、闭包原理与场景

2. this 指向规则(普通函数/箭头函数/构造函数/绑定)

3. 原型与原型链、继承实现

4. 异步:Promise、async/await、宏任务微任务

5. 防抖节流原理、手写与应用

二、浏览器 & 网络(高频)

1. 从输入 URL 到页面展示全过程

2. 浏览器渲染流程、重排重绘优化

3. HTTP/HTTPS、HTTP2、HTTPS 握手流程

4. 缓存策略:强缓存 / 协商缓存

5. 跨域原因与解决方案

三、Vue / React(二选一必深问)

Vue

1. 响应式原理(数据劫持 + 发布订阅)

2. 虚拟 DOM、diff 算法

3. computed / watch 区别

4. 生命周期执行顺序

5. Vue3 组合式 API 优势

React

1. Hooks 规则、useState/useEffect 原理

2. 类组件 vs 函数组件

3. Fiber 架构、调和流程

4. 状态提升、Context、Redux 流程

四、工程化 & 性能优化(大厂最爱)

1. Webpack 构建流程、loader/plugin 区别

2. 常见优化:代码分割、tree shaking、懒加载

3. 前端性能指标:LCP、FCP、FP 等

4. 首屏优化方案

5. 移动端适配、兼容性处理

五、手写代码(高频现场题)

1. 手写 Promise

2. 手写防抖 / 节流

3. 手写深拷贝

4. 手写 call/apply/bind

5. 数组去重、flat 扁平化

六、场景题 & 逻辑题

1. 如何定位线上卡顿/白屏问题

2. 大量列表渲染优化(虚拟列表)

3. 如何设计一个弹窗组件

4. 前端监控与错误捕获
#牛客AI配图神器#
全部评论
可以的,总结的很好
点赞 回复 分享
发布于 03-13 23:23 北京

相关推荐

本来没有敢投递字节(太硬核),上次投了个财经部门的日常实习,因为不能快速到岗被拒了。HR从人才库里把我捞出来,机缘巧合下面了这个部门。这次下午起来太放松了,忘记录音了,只能给出一个回忆版。自我介绍:这次着重介绍怎么看jdk源码的,项目和经历反而没怎么细说Q1 lua脚本怎么实现原子性Q2 CAS原理,和lua脚本哪个好Q3 刚才提到了负载均衡,解释一下Q4 熟悉那些关系型和非关系型的数据库,这里着重说了一下esQ5 RAG:向量数据库用的什么,怎么存的。怎么检索的,检索之后的排序算法RRFQ6 SSE是怎么做的,推理的时候也是SSE吗Q7 MCP工具调用是怎么做的,工具参数解析是怎么做的Q8 记忆管理是怎么做的Q9 你提到对话之后异步抽取记忆,那么有没有可能存在记忆丢失的可能我答的是由于异步抽取,可能还没有完成记忆落库,主线程的检索请求就来了,这个时候确实检索不到,但是一般最新的消息在滑动窗口里面,所以理论上没关系。我问面试官应该怎么做,他说用LangGraph ,图+状态的流转。还说现在记忆管理是一个开放的问题,有时候做项目会有记忆的污染(一个项目里出现另一个项目的记忆),用户偏好作为记忆是没问题的,不同项目的记忆隔离是个问题。Q10职业规划(做算法还是研发),实习时间Q11反问,实习生过去做AIops,尝试用agent来自动监控、管理后台的那些容器之类的没有手撕,撕也不怕,上周携程美团拼都督都撕了好几遍了。最后还聊了几句,他说AI时代,知识储备虽然重要,但是看中候选人的潜力。如果候选人能在某个问题展示出自己的思考,或者解决问题的能力也是可以的。AI已经可以让一个人快速获取知识,所以思考和能力比记忆更重要。之前两个京东的面试官,一个美团虚拟数字人。这次面试是体验最好的一次了,我答的混乱的地方他都会总结一下,有些不到位的,他还补充了一下细节,像是探讨交流一样。
查看10道真题和解析
点赞 评论 收藏
分享
03-17 23:37
已编辑
门头沟学院 前端工程师
1.     盒模型2. ​    position属性3. ​    absolute 和 relative 区别4. ​    项目响应式布局如何实现5. ​    rem 和 em 区别6. ​    http状态码7. ​    网络缓存8. ​    浏览器存储9. ​    ts 的优点10. ​    js 数据类型11. ​    类型判断方法12. ​    原型链的应用场景13. ​    vue 生命周期分个类描述14. ​    请求方法放在哪个生命周期?15. ​    watch 和 computed 区别16. ​    组件间通信17. ​    项目难点18. ​    前后端沟通有没有遇到问题19.let obj = { a: 0 };function test(obj) {obj.a = 1;obj = { a: 2 };obj.b = 3;}test(obj);console.log(obj); // 输出20.    事件循环输出题21.    算法:最长不含重复字符的子字符串帮同学贴一个 米哈游校招内推链接~内推码:052BT投递链接:https://jobs.mihoyo.com/?sharePageId=121176&recommendationCode=052BT&isRecommendation=true#/campus/position
查看21道真题和解析
点赞 评论 收藏
分享
全程无八股,两个面试官都非常好!2026_0305-14:00_快手一面1. 自我介绍2. 你项目里面提到了AST 静态分析生成文档让AI更好理解上下文具体是怎么做的?3. 你提到了用到很多rules,你有想过用AI来code review吗?4. 用了这么多rules,你有用过skill吗?5. 面试官Code Review提到目前已经在大量使用AI来CR,和面试官讨论AI CR的一些安全的问题6. 你项目中使用到了IntersectionObserver能讲一下为什么用这个替代监听滚动吗?7. 你项目中提到Git Hash 增量更新机制,实现仅对变更文件进行文档更新,这个是怎么实现的?8. 项目中写道,“骨架屏预加载+ 视口懒加载+错误自动兜底”,这个你是怎么设计的呢?9. 有写过移动端或者安卓的app吗?10. 手撕 数组 合并,去重,排序(不用api)11. 用Vue多还是React多?(说了Vue)12. 用React手写一个子父传值(React太差了后面还是让用Vue了)13. 被面试官建议多学React,大厂还是React多一点....14. 反问,大概做什么,聊了一些架构设计相关。二面2026_0309-15:00_快手1. 面试官开始先是介绍了一些国内抖音,PDD,京东,淘宝,快手的电商布局2. 然后又介绍了一些前端团队的方向3. C端APP,B端商家服务平台,内容数据审核,监测4. 自我介绍5. 项目中AI的对话框的长对话和打字机效果有考虑过用一些开源的库吗?6. 没有使用库,怎么实现的呢?(SSE+setTimeout)7. React的useEffect的第二个参数三种情况分别代表什么?8. React.Memo和useMemo分别代表什么?9. 对前端最近比较热的方向有了解吗?10. 你使用cusror这样的编辑器是自费还是?11. 反问(对实习生期待是什么)
查看16道真题和解析
点赞 评论 收藏
分享
评论
17
94
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务