前端面试宝典
6 年中高级前端工程师面试全攻略 · 共 22 篇
中高级前端工程师面试知识库
覆盖 HTML/CSS/JS 三剑客、Vue/React 框架、跨端开发、工程化与实时通信、Nginx、MySQL、后端知识、TypeScript/性能优化/手写代码/系统设计、软素质 HR 面、Node.js 全栈,以及资深核心能力问答与深水区实战
前端面试宝典总览:6 年中高级工程师面试知识地图
一份针对 6 年左右中高级前端开发工程师的面试知识库总览,覆盖 HTML/CSS/JS、Vue/React、跨端开发、工程化、Nginx、MySQL 及后端知识。
基础三剑客
(3 篇)HTML & CSS 高频面试题(中高级)
覆盖语义化、盒模型、BFC、选择器优先级、Flex/Grid 布局、响应式设计、CSS 动画等 30+ 道高频面试题。
JavaScript 核心面试题(中高级)
覆盖原型链、闭包、this 指向、作用域、类型转换、ES6+ 新特性等 30+ 道高频面试题。
JS 异步与事件循环面试题(中高级)
深入讲解 Event Loop、宏任务微任务、Promise、async/await、Generator 等异步编程核心面试题。
框架与跨端
(3 篇)Vue 框架面试题(中高级)
深入讲解 Vue2/Vue3 响应式原理、虚拟 DOM、Diff 算法、生命周期、组件通信、Vuex/Pinia 等高频面试题。
React 框架面试题(中高级)
深入讲解 React Fiber、Hooks、JSX、虚拟 DOM、状态管理、性能优化等高频面试题。
跨端框架面试题(uniapp / React Native / Flutter)
深入讲解 uniapp、React Native、Flutter 等跨端方案的原理、架构、性能对比与选型策略。
工程化与网络
(4 篇)前端构建工具面试题(Webpack / Vite)
深入讲解 Webpack 核心原理、Loader/Plugin、Vite 为何快、Tree Shaking、HMR、代码分割等高频面试题。
网络与 HTTP 面试题(中高级)
深入讲解 TCP/IP、HTTP/1.1 vs HTTP/2、HTTPS 握手、缓存策略、跨域解决方案、Web 安全等高频面试题。
前端工程化实践面试题(Monorepo/微前端/组件库)
讲解 Monorepo 架构、微前端方案选型、组件库设计、npm 发包、代码质量、单元测试、CI/CD、灰度发布等工程化落地实践。
实时通信面试题(WebSocket/SSE/WebRTC)
讲解 WebSocket 协议与握手、心跳重连、SSE、长轮询对比、Socket.IO、WebRTC P2P、协同编辑(OT/CRDT)、直播弹幕等实时通信场景。
后端知识
(4 篇)Nginx 面试题(中高级前端必备)
讲解 Nginx 反向代理、负载均衡、静态资源配置、SPA 路由、HTTPS、性能优化等前端工程师必备知识。
MySQL 面试题(前端工程师必备后端知识)
讲解索引原理(B+树)、事务 ACID 与隔离级别、SQL 优化、锁机制、分库分表等前端工程师需要了解的后端知识。
后端知识面试题(前端工程师需要了解的部分)
讲解 RESTful API 设计、Node.js 核心、Java 基础、微服务架构、认证鉴权等中高级前端工程师需要了解的后端知识。
Node.js 面试题专篇(前端全栈必备)
讲解 Node.js 事件循环、模块系统、Stream、Buffer、进程线程、HTTP 服务器、Express/Koa/NestJS 对比、性能优化、部署运维等前端全栈必备知识。
进阶必修
(4 篇)TypeScript 进阶面试题(中高级必考)
深入讲解泛型、条件类型、infer、映射类型、内置工具类型实现原理、类型收窄、协变逆变等 TypeScript 高频进阶面试题。
前端性能优化面试题(中高级核心考点)
讲解核心指标 LCP/INP/CLS、加载优化、渲染优化、内存泄漏排查、Performance API 监控与真实优化案例。
手写代码题专篇(笔试必考 18 题)
防抖节流、深拷贝、call/apply/bind、new、instanceof、Promise 系列、并发控制、发布订阅、数组扁平化、柯里化等笔试必考题逐行解析。
前端系统设计场景题(P6+ 高级岗分水岭)
讲解大文件上传、权限系统、埋点监控、富文本编辑器、前端安全、灰度发布、低代码平台、组件库设计等高级岗必考场景题。
深水区实战
(2 篇)资深前端核心能力问答(双栈 / 图形渲染 / Hybrid / AI 研发)
以问答形式沉淀 6 年前端实战经验,覆盖 React/Vue 双栈选型、TypeScript 落地、Next.js SSR/SSG/ISR、Konva/Three.js 图形渲染、Hybrid 硬件跨端、工程化性能、状态管理、BFF 全栈、国际化、AI 辅助研发与部署 SEO 共 24 问。
前端深水区实战:配置驱动渲染 / 2D×3D 协同 / Hybrid 硬件链路 / 离线包热更新
挑选 6 年前端投入最深、最有复用价值的五个深水区实践,完整拆解"分析 → 设计 → 落地 → 治理"闭环:配置驱动渲染驯服组合爆炸、Konva 2D × Three.js 协同、Hybrid 硬件跨端 N-API 链路、离线包差量热更新、spec + TDD 的 AI 协作流。
💡 使用建议
每篇文章包含 20+ 道高频面试题,配有详细解析和代码示例。建议先通读一遍建立知识框架,面试前重点复习标记的⭐高频题。
难度标注:⭐ 基础 · ⭐⭐ 进阶 · ⭐⭐⭐ 高级 · 🔥 高频必考