前端面试宝典

Appearance

前端面试宝典面试知识体系

系统化的前端面试知识整理，助你轻松通过面试

开始学习
GitHub
📝

JavaScript 核心

深入理解 JS 基础、ES6+ 新特性、异步编程、原型链等核心概念

🔷

TypeScript

类型系统、高级类型、泛型、工程实践等 TS 核心知识

💚

Vue 生态

Vue 2/3 响应式原理、虚拟 DOM、Composition API、Vue Router、Pinia

⚛️

React 生态

Fiber 架构、Hooks 原理、状态管理、性能优化等 React 核心

🌐

网络与浏览器

HTTP/HTTPS、浏览器渲染原理、事件循环、缓存策略、网络安全

🚀

性能优化

加载优化、运行时优化、构建优化、性能监控等实战经验

🛠️

工程化

Webpack、Vite、Babel、CI/CD、Monorepo、代码规范等工程化体系

🧩

微前端

qiankun、Micro App、Module Federation 等微前端架构方案

📱

跨端开发

uni-app、Taro、小程序原理等跨端解决方案

🤖

AI 与前端

ChatGPT 集成、AI 辅助开发、大模型应用等前沿技术

🎯

场景题

系统设计、问题排查、架构设计等实际场景问题

💡

算法与数据结构

常见数据结构、算法、前端高频算法题等

为什么选择这份文档？ ​

🎯 针对性强 ​

专为前端工程师设计，注重深度理解和实战经验，不只是简单的知识罗列。

📚 系统全面 ​

覆盖前端面试的所有核心知识点，从基础到进阶，从理论到实践，构建完整的知识体系。

💬 通俗易懂 ​

每个知识点都包含官方定义和通俗解释，既保证准确性，又确保易于理解。

🔍 深入浅出 ​

不仅告诉你"是什么"，更重要的是解释"为什么"和"怎么用"，帮助你真正理解技术原理。

🛠️ 实战导向 ​

大量实际场景题和系统设计题，帮助你积累真实项目经验。

如何使用？ ​

  1. 按需学习：根据自己的薄弱环节，选择对应的章节进行学习
  2. 系统复习：从头到尾完整学习，建立完整的知识体系
  3. 查漏补缺：面试前快速浏览，查找遗漏的知识点
  4. 实战演练：重点关注场景题和手写代码部分，提升实战能力

学习建议 ​

  • ✅ 理解原理比记忆答案更重要
  • ✅ 结合实际项目经验思考
  • ✅ 多动手实践，不要只看不写
  • ✅ 定期复习，建立长期记忆
  • ✅ 关注技术发展趋势

开始你的学习之旅吧！👉 JavaScript 核心