前端架构师成长指南

欢迎来到 Frontend Masters 知识库。本指南旨在帮助你从零构建完整的前端知识体系，不仅仅是学会使用工具，更是理解其背后的设计思想。

为什么建立这个知识库？

前端技术发展日新月异，碎片化的学习容易让人陷入"学不动"的焦虑。我们需要建立一个结构化、原理级的知识图谱，将零散的知识点串联起来。

知识体系概览

本知识库主要包含四大核心板块：

1. 核心概念

这是所有前端技术的基石。无论框架如何变迁，这些底层原理永远不会过时。

• 浏览器原理: 理解渲染流水线、事件循环。
• 网络协议: HTTP/TCP、HTTPS 握手过程。
• 编程范式: 函数式编程、常用设计模式。

2. 语言基础

扎实的语言功底是进阶的前提。

• JavaScript: 原型链、闭包、ES6+ 新特性。
• TypeScript: 类型体操、泛型、装饰器。
• HTML/CSS: 语义化、BFC、Flex/Grid 布局。

3. 框架与库

深入主流技术栈的源码与架构。

• Frontend: React (Fiber, Hooks), Vue (响应式原理, Composition API)。
• Backend: Node.js (Event Loop), NestJS (依赖注入, AOP)。

4. 工程化

从"写代码"到"交付产品"的关键能力。

• 构建工具: Vite/Webpack 配置与优化。
• CI/CD: GitHub Actions 自动化部署流水线。
• 测试: 单元测试与端到端测试策略。

如何使用本指南

建议按照 [核心概念] -> [语言基础] -> [框架应用] -> [工程化落地] 的顺序进行学习，或根据需要在侧边栏搜索特定主题。

祝你学习愉快！🚀