前端面试知识库

本知识库整理了互联网公司的前端面试题，涵盖基础技术、框架原理、AI 应用、工程化等多个维度。

知识分类

一、AI 全栈工程师

• AI 提效工程化 - AI 研发体系、Spec 驱动、Vibe Coding、DESIGN.md
• 团队协作与规范 - Skill 体系、MCP 服务矩阵、代码审查工作流
• 流式输出 - SSE、打字机效果、Markdown 渲染
• AI 交互架构 - RAG、Agent、Prompt 工程

二、数据库

• Database 命名规范 - 模块化前缀、Prisma Model 约定

三、前端面试宝典

• 面试指南 - 面试准备清单、答题方法论、2026 年面试趋势
• 大厂高频面试题 - HTML/CSS/JS/Vue/React/网络/跨域
• 高级 JS 面试 - 执行上下文、原型链、异步编程、手写代码
• 高级 Vue 面试 - Vue2/Vue3 原理、响应式、Diff 算法、源码
• 浏览器面试题 - 渲染原理、缓存策略、安全、V8 引擎
• 工程化面试 - Webpack/Vite、CI/CD、Monorepo、微前端
• 性能优化面试 - Core Web Vitals、加载优化、渲染优化

四、前端工程化

• Vite 深度原理 - ESM 开发服务器、HMR、依赖预构建
• Webpack 原理 - 构建流程、Loader/Plugin、Tree Shaking
• 微前端架构 - single-spa、qiankun、Module Federation
• Turborepo + pnpm - Monorepo 实战、缓存机制
• 性能监控平台 - 采集、上报、可视化
• CI/CD 自动化部署 - GitHub Actions、Docker、多环境部署

五、跨平台开发

• 小程序开发 - 双线程架构、性能优化、安全
• Electron 核心 - 主进程/渲染进程、IPC 通信、沙箱
• 移动端解决方案 - 适配方案、兼容性处理、性能优化
• Web Components - Custom Elements、Shadow DOM、模板

六、基础技术

• JavaScript 核心概念 - 数据类型、作用域、闭包、原型链
• 异步编程 - Promise、async/await、事件循环
• 手写代码 - 深拷贝、防抖节流、Promise.all 等
• CSS 布局技术 - Flexbox、Grid、BFC
• 网络协议 - HTTP、缓存、跨域

七、前端框架

• Vue 系列 - Vue2/Vue3 原理、响应式、Diff 算法
• React 系列 - Fiber、Hooks、虚拟 DOM

八、面试趋势观察

2026 年前端面试新特点

1. AI 能力成为标配 - 几乎所有大厂面试都涉及 AI 相关技术，包括：

   • SSE 流式输出处理
   • Prompt Engineering
   • RAG 检索增强
   • AI Agent 架构

2. 工程化要求更高 - 不仅要知道怎么用，还要知道原理和优化

3. 全栈趋势明显 - Node.js、数据库、部署等后端知识成为加分项

4. 源码阅读成常态 - Vue、React 源码理解成为必考点