这门课解决什么工作场景

微前端不是凭空造出来的概念,它解决的是真实的中后台痛点:当业务膨胀、多个团队用不同技术栈开发独立模块,最后需要拼进同一个控制台时,单体应用会变得臃肿、构建极慢、发版互相牵制。这门课围绕的就是这个场景——怎么把几个独立部署、独立技术栈的子应用,安全、可控地集成到一个主框架里。课程内容横跨了 single-spa、qiankun、micro-app 和 wujie 这四套主流方案,从怎么用、到沙箱怎么实现、再到源码怎么跑,把微前端的核心机制拆开讲。如果你目前的工作只是写单页应用,没碰过跨团队集成,这部分内容能帮你建立对应用隔离、路由劫持和资源加载的整体认知。

适合什么基础与建议先看哪几块

这不属于零基础入门课。你得先有扎实的 JavaScript 基础,熟悉主流框架的开发与打包机制,清楚浏览器加载脚本的流程,否则看到沙箱和路由拦截容易卡壳。建议的阅读顺序是:先看微前端概念与 systemjs,理解动态加载和模块化的底层逻辑;接着直接跳到 qiankun 实战和沙箱实现原理,这是目前企业里用得最多的方案,落地价值最高;然后再回看 single-spa 的实现部分,补齐原理脉络。micro-app 和 wujie 的使用可以快速过一遍,重点放在它们的源码解析上,对比不同方案在隔离思路上有什么差异。

学完能独立做什么与资料怎么配合练习

学完后,你应该能独立完成一个中后台主从架构的搭建:配置主应用去拉取子应用资源,处理跨域与样式隔离,解决子应用之间状态共享和路由冲突的问题,而不是只会套用现成脚手架。配合资料练习时,不要光看视频,建议每学完一个框架的实战章节,就自己起两个极简的子应用跑通加载流程;学到沙箱和源码解析部分时,对照着课程代码自己断点调试,看主应用是如何拦截 window 对象和劫持路由的。把“会用”和“懂原理”对应起来,遇到线上集成报错时才能准确定位,而不是抓瞎重试。


01 1.微前端概念和systemjs · 02 2.singie-spa实战 · 03 3.single-spa实现 · 04 4.single-spa的实现

课程目录

*   01 1.微前端概念和systemjs

*   02 2.singie-spa实战

*   03 3.single-spa实现

*   04 4.single-spa的实现

*   05 5.qiankun实战

*   06 6.沙箱的实现原理

*   07 7.qianku的源码解析

*   08 8.micro-app的使用和webcomponent

*   09 9.micro-app源码分析

*   10 11.wujie使用

*   11 10.实现基本版本的wujie