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

#面试问题记录#

一、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 北京

相关推荐

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道真题和解析
点赞 评论 收藏
分享
评论
12
61
分享

创作者周榜

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