基础
工程化 & 后端
进阶领域
补充
主题
从源码实现到知识深度，从基础体系到进阶领域。涵盖 React & Vue 源码手写、JS/TS/CSS/算法/浏览器网络/工程化/Node.js 完整知识体系，以及微前端、跨端、监控、WebAssembly、AI & Agent 等进阶方向。
从零手写 React —— JSX 编译、虚拟 DOM、Fiber 可中断渲染、Reconciliation Diff、Hooks 状态管理，每一行代码都有对应文档。
开始学习
从零手写 Vue —— 响应式系统 (Proxy)、模板编译器、虚拟 DOM & Patch、组件系统与生命周期，对标 Vue3 源码，24 章完整实现。
ES6+ 核心特性、原型链与继承、闭包与作用域、事件循环、Promise 原理、TypeScript 高级类型、设计模式、函数式编程。
开始阅读
Flex / Grid 布局、BFC 与层叠上下文、响应式设计、CSS 动画、预处理器、CSS-in-JS、CSS 新特性全面覆盖。
渲染流程、HTTP/HTTPS、HTTP/2 & HTTP/3、性能优化、Web 安全、浏览器存储、Service Worker、WebSocket。
数组/链表/栈/队列、哈希表、二叉树、排序算法、动态规划、手写题、前端场景算法，系统刷题指南。
Vite / Webpack 构建原理、Babel / SWC 编译、ESLint / Prettier 规范、Monorepo、CI/CD、包管理器、npm 发包。
核心模块、Web 框架、数据库、RESTful API 设计、认证鉴权、Redis、DevOps，全栈能力延伸。
微前端架构思想、qiankun 深入剖析、Module Federation、无界/micro-app，JS 沙箱与样式隔离原理。
React Native 新架构、Flutter、Taro / uni-app 小程序跨端、Electron / Tauri 桌面端方案对比。
Core Web Vitals 指标体系、性能数据采集、错误监控、用户行为追踪、Sentry 实践、自建监控系统。
Wasm 基础概念与工作原理、开发工具链、JS 互操作、WASI、前端实际应用场景深度解析。
LLM 基础、Prompt Engineering、上下文工程、Agent 设计模式、MCP/A2A 协议、AI SDK 开发工具链。
单元测试、组件测试、E2E 测试、Mock 策略、TDD / BDD 开发模式，构建可靠的质量保障体系。
不是八股文背诵，而是结合源码实现的深度理解。JS、CSS、React、Vue、浏览器、工程化、Node.js、AI Agent，系统整理高频考点。
查看题库
5 年前端工程师完整能力模型 —— 从基础到进阶、从工程化到软技能，按掌握程度系统梳理每个技能点。
查看图谱
