快速开始
欢迎来到前端架构师知识库。本页面将帮助你了解如何使用这个网站进行学习。
网站结构
本网站的内容分为以下几个部分：
| 部分 | 说明 |
|---|---|
| 基础层 | JavaScript、TypeScript、浏览器、网络、安全、HTML/CSS、可访问性、数据结构与算法、设计模式 |
| 工程化层 | 构建工具、Monorepo、CI/CD、代码质量、设计体系、框架、跨端、AI 工程化、Node.js、Git 工作流、开发者体验、部署与 SRE、包管理与供应链安全 |
| 架构层 | 系统架构、微前端、性能、质量、数据状态、可观测性、安全架构、实时与协同、国际化、可视化与图形、Serverless/Edge、数据工程 |
| 领导力层 | 业务洞察、团队领导力、技术战略、沟通表达、项目管理、招聘与组织发展、技术品牌、技术治理 |
| 资源工具 | 术语表、技术雷达、精选资源、实战手册、工作流 |
| 综合案例 | 跨领域实战案例 |
| 工具模板 | 可直接使用的架构师工具模板 |
学习步骤
第一步：能力自评
点击 能力自评，对 43 个知识领域进行打分。系统会：
- 展示你的能力雷达图
- 识别薄弱环节
- 推荐优先学习的领域
第二步：选择学习路线
根据你的职业方向，选择一条学习路线：
第三步：按顺序学习
参考 知识依赖图，按前置依赖顺序学习每个领域。
每个领域的学习资料包含：
- 学习文档：系统讲解核心概念和原理。
- 练习册：通过练习巩固知识。
- 面试题：模拟面试场景，训练表达能力。
第四步：实战项目
参考 通关项目实战手册，选择适合自己阶段的项目动手实践。
增强功能
本网站提供以下增强学习体验的功能：
- 知识依赖图：可视化 43 个领域的前置关系。
- 能力自评表：在线评分，自动生成雷达图。
- 面试题折叠答案：先做题，再展开看答案。
- 学习进度追踪：标记已学领域，查看总体进度。
开始学习
准备好了吗？从 JavaScript 语言基础 或 能力自评 开始吧。