前端面试知识库 📚

系统化的高级前端面试准备指南 - 涵盖前端全栈、AI 工程、技术管理等核心领域

✨ 核心特色

• 体系完整 - 从基础到进阶，覆盖前端工程师职业发展全路径
• 深度解析 - 不止于 API 使用，深入原理、源码、架构设计
• 实战导向 - 每个主题配套可运行代码示例，理论结合实践
• 持续更新 - 紧跟技术趋势，新增 AI 工程、Agent 协议、跨端开发等前沿内容

📖 知识体系

🎯 前端基础

模块	核心主题	难度
JavaScript	类型系统 / 闭包 / 原型链 / 异步编程 / V8 引擎	⭐⭐⭐
TypeScript	泛型 / 类型体操 / 工程实践	⭐⭐⭐
CSS	布局 / 动画 / 响应式 / 工程化 / 多主题方案	⭐⭐
浏览器原理	渲染原理 / 缓存策略 / 安全机制 / Web API	⭐⭐⭐
HTTP 协议	协议详解 / HTTPS / HTTP/2 / WebSocket / GraphQL	⭐⭐⭐

💻 计算机基础

模块	核心主题	难度
算法与数据结构	链表 / 二叉树 / 动态规划 / 图算法 / LeetCode 高频题	⭐⭐⭐⭐
设计模式	单例 / 工厂 / 观察者 / 代理 / 装饰器 / SOLID 原则	⭐⭐⭐
函数式编程	纯函数 / 柯里化 / 函子 / Monad	⭐⭐⭐

⚛️ 框架生态

模块	核心主题	难度
React	Fiber 架构 / Hooks / 并发模式 / SSR / RSC	⭐⭐⭐⭐
Vue	响应式系统 / 虚拟 DOM / 编译器 / Composition API	⭐⭐⭐⭐

🛠️ 工程化

模块	核心主题	难度
构建工具	Webpack / Vite / 微前端 / WebAssembly	⭐⭐⭐
测试	单元测试 / 组件测试 / E2E 测试	⭐⭐⭐
性能优化	首屏优化 / 长列表 / 包体积 / 渲染优化	⭐⭐⭐⭐
监控与埋点	错误监控 / 性能监控 / 用户行为分析 / SDK 设计	⭐⭐⭐⭐
安全	XSS / CSRF / CSP / HTTPS / JWT / OAuth	⭐⭐⭐⭐
容器化	Docker 镜像 / 容器编排 / Compose / 网络	⭐⭐⭐

🚀 后端全栈

模块	核心主题	难度
Node.js	事件循环 / 流 / 集群 / 性能优化 / 数据库集成	⭐⭐⭐⭐
NestJS	模块化架构 / 依赖注入 / 中间件 / ORM	⭐⭐⭐⭐

📱 跨端开发

模块	核心主题	难度
React Native	架构原理 / 性能优化 / 原生模块	⭐⭐⭐⭐
Flutter	Widget 系统 / 渲染引擎 / 状态管理	⭐⭐⭐⭐
Tauri	Rust 集成 / 跨平台打包 / 安全机制	⭐⭐⭐⭐
Electron	进程模型 / IPC 通信 / 安全 / 打包发布	⭐⭐⭐
小程序	双线程架构 / 生命周期 / Taro / uni-app	⭐⭐⭐
VSCode 插件	激活机制 / API 使用 / 发布流程	⭐⭐⭐

🤖 AI 工程

模块	核心主题	难度
AI 工程	LLM 基础 / Prompt 工程 / RAG / Agent 架构 / 工具调用 / 评估优化	⭐⭐⭐⭐⭐

🏗️ 架构设计

模块	核心主题	难度
系统设计	架构模式 / 组件库设计 / 微前端 / 性能方案	⭐⭐⭐⭐⭐

💼 职业发展

模块	核心主题	难度
技术管理	危机处理 / 团队协作 / 项目管理 / 技术决策 / 人才培养	⭐⭐⭐⭐
面试技巧	HR 评估逻辑 / 高频问题 / 技巧与陷阱	⭐⭐⭐
软技能	结构化思维 / 问题定义 / 决策框架 / 沟通表达 / 时间管理	⭐⭐⭐⭐

📚 学习路径建议

初级前端（0-2年）

1. JavaScript 基础 → TypeScript → CSS
2. React/Vue 框架基础
3. HTTP 协议 → 浏览器原理
4. 算法基础（数组、链表、栈、队列）

中级前端（2-4年）

1. React/Vue 源码与原理
2. Node.js 后端开发
3. 前端工程化（Webpack/Vite）
4. 算法进阶（动态规划、图算法）

高级前端（4年+）

1. 框架设计与架构
2. 性能优化与监控
3. 跨端开发（React Native/Flutter/Electron）
4. AI 工程（Agent/RAG）
5. 技术管理与团队协作

🤝 贡献指南

欢迎提交 Issue 和 Pull Request！

📄 License

MIT

---

持续更新中 | 欢迎 Star ⭐ | GitHub