📚
分阶段教程
11 个阶段,从零基础到架构师的完整路径
🧠
思维导图
可视化知识图谱,快速建立知识体系
🎯
架构师能力全景
12 大核心领域,60+ 技术专题,系统梳理前端架构师能力模型
📊

前端架构师能力全景指南 v2.0

从语言底层到架构设计,从工程体系到团队协作——12 大核心章节,40+ 代码示例,2026 年技术标配

🟡 语言与运行时

JS本质 · TypeScript · Node.js

🌐 浏览器与网络

渲染管线 · V8 · 网络协议

⚛️ 框架生态

React · Vue · 选型方法论

🔧 工程化体系

构建工具 · Monorepo · CI/CD

🏗️ 架构设计

微前端 · 状态管理 · Design System

⚡ 性能工程

性能指标 · 加载优化 · 监控

🚀
进阶专题
17 大前沿方向,突破技术天花板
00

专题总览

8 大进阶专题的学习路径与推荐顺序

01

大前端全景导论

Web、移动端、桌面端、IoT 全端技术生态概览

02

SSR 与同构渲染

Next.js / Nuxt 原理、SSR/SSG/ISR 方案对比

03

BFF 架构设计

后端-for-前端模式、GraphQL 与 API 聚合层设计

04

微前端全面解析

qiankun、Module Federation 方案对比与落地实践

05

低代码平台从 0 到 1

可视化搭建、DSL 设计、物料体系与引擎原理

06

微服务架构认知

前端工程师必备的后端架构知识体系

07

AI 公司级应用落地

大模型应用架构、Agent 设计与企业级落地实践

08

前端负责人实战手册

团队管理、技术规划、业务驱动与影响力建设

09

React 源码深度解析

Fiber 架构、Hooks 原理、Scheduler 调度、Concurrent Mode 并发渲染机制

10

Vue3 源码深度解析

响应式系统、编译优化(PatchFlag)、Composition API、虚拟 DOM 与 Diff 算法

11

数据结构 JavaScript 实现

链表、栈、队列、树、图、哈希表、堆、排序算法 + LeetCode 实战

12

Node.js 实战指南

从 0 搭建服务、Express/Koa、数据库、PM2 进程守护、Docker 部署上线

13

前端面试题全集

初级到总监/负责人,7 个级别 + 详细解析 + 知识点延伸

14

CesiumJS 地理空间 3D 开发

WebGL 渲染引擎、坐标系统、3D Tiles、Entity API、数字孪生与地理可视化

15

Unity WebGL 开发实战

Unity 导出 WebGL、JS 通信、性能优化、React/Vue 集成与部署运维

16

Three.js Web 3D 开发

场景/相机/渲染器、PBR 材质、Shader 编程、后处理、React Three Fiber

17

微前端架构实战

qiankun / Module Federation / 样式隔离 / JS 沙箱 / 应用通信 / 工程化