前端大厂高频面试真题（最常见版）

#面试问题记录#

一、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配图神器#