这门课解决什么问题，适合什么基础
很多前端开发者在业务体量变大后，都会遇到一个痛点：几个团队同时维护一个大型控制台或门户网站，代码仓越堆越臃肿，每次构建都要等十几分钟，改一个小功能还容易牵连别人的模块。微前端就是为了解决这种「巨石应用」的协作与部署问题而生的。这门课不是教你写页面，而是带你拆解不同子应用如何独立开发、独立上线并在同一个页面里无缝拼装。如果你已经能熟练用 Vue 或 React 独立做项目，但还没接触过跨框架的架构设计，这门课刚好补上这块拼图。不建议完全零基础的新手直接看，因为里面涉及路由劫持、样式隔离和全局状态通信，没有单页应用的实际开发经验会很难理解痛点。
建议先看哪几块，学完能独立做什么
资料编排得很克制，没有一上来就扔源码，建议按它的顺序先看开篇和方案对比。课程把 iframe、NPM 包分发、动态 Script 注入以及 Web Components 这几种主流集成方式挨个过了一遍，讲清了各自的取舍。看完这部分，你应该能判断自己公司的业务到底该不该上微前端，以及该选哪种轻量方案。接着重点啃原理解析这一节，这是核心价值所在。它把 V8 隔离、iframe 配合 Proxy 做沙箱、快照机制以及 CSS 隔离都拆开讲了。学透之后，你不仅能把不同技术栈的子应用凑到一个布局里，还能独立搭建一套防全局变量污染、防样式串扰的基础架构，保证各团队互不打架。
资料怎么配合练习，避免看完就忘
微前端是典型的工程实践课，光看不写绝对会踩坑。建议先拿两个最简单的技术栈项目练手，比如一个 Vue 一个 React，尝试用课程里讲的动态 Script 方式把它们挂到同一个主框架里。遇到样式互相覆盖、或者全局对象读不到的问题，再回去查 CSS 隔离和通信那几节，对症下药。资料里提到了 single-spa 框架的示例，这部分一定要跟着在本地跑通，看别人怎么处理路由分发的。不要急着去背框架的 API，先搞懂沙箱隔离和子应用生命周期是怎么挂钩的。等你能手动用基础 API 把两个独立项目拼成一个大控制台，并且做到刷新不丢状态、路由不冲突，这门课的知识才算真正落了地。
微前端的技术深度相对于 React 或者 Vue 框架要简单很多，但是它的广度却涵盖了前端知识的方方面面。本课程将会带你系统了解微前端的运行本质，有助于你在业务
课程目录
* 前言：阅读指南
* 开篇：微前端到底解决了哪些业务问题？
* 方案了解：引言
* 方案了解：iframe 方案
* 方案了解：NPM 方案
* 方案了解：动态 Script 方案
* 方案了解：Web Components 方案
* 方案了解：iframe Cookie
* 方案了解：Ajax Cookie
* 原理解析：引言
* 原理解析：V8 隔离
* 原理解析：iframe 隔离
* 原理解析：iframe + Proxy 隔离
* 原理解析：快照隔离
* 原理解析：CSS 隔离
* 原理解析：性能优化
* 原理解析：通信
* 框架解析：引言
* 框架解析：single-spa 的 NPM 示例
* 框架解析：single-spa 的 Script 示例
* 框架解析：single-spa 的 Fetch 示例
* 框架解析：single-spa 的 Code Splitting 示例
* 框架解析：single-spa 源码解析
* 框架解析：qiankun 使用示例
* 框架解析：import-html-entry 源码解析
* 框架解析：qiankun 源码解析 - 无沙箱模式
* 框架解析：qiankun 源码解析 - CSS 隔离
* 框架解析：qiankun 源码解析 - CSS 动态隔离
* 框架解析：qiankun 源码解析 - 快照隔离
* 框架解析：qiankun 源码解析 - Legacy Proxy 隔离
* 框架解析：qiankun 源码解析 - Proxy 隔离
* 工程设计：引言
* 工程设计：构建工具
* 工程设计：按需加载
* 工程设计：版本发布
* 工程设计：代码检查
* 工程设计：代码格式
* 工程设计：提交规范
* 工程设计：变更日志
* 工程设计：单元测试
* 工程设计：文档设计
* 工程设计：CI / CD
* 工程设计：README 说明
* 框架设计：状态管理
* 框架设计：隔离
* 框架设计：性能优化
* 框架设计：通信
* 解决方案：方案设计
* 原理进阶：浏览器的线程和任务
* 原理进阶：V8 的编译原理
* 原理进阶：V8 的嵌入实践
* 原理进阶：V8 的概念说明
* 番外篇：如何提高效率（快捷键篇）
* 番外篇：如何提高效率（应用篇）
* 番外篇：如何提高效率（终端篇）
* 番外篇：依赖注入解析
* 番外篇：Github Copilot 原理揭秘
* FAQ
* 分享视频
