从0打造微前端框架，实战汽车资讯平台

显示全部楼层 · 2021-11-24 16:20:56

〖课程介绍〗
为什么要学微前端架构？当你的项目越来越复杂，工程越来越大，代码冲突越来越频繁，打包越来越慢的时候，就该好好学习下微前端架构了。本课程将带你从零打造一个微前端框架，并实战一个汽车资讯平台，让你系统掌握微前端架构设计与落地能力，轻松解构巨型应用。
〖课程目录〗
第1章课程简介试看2 节 | 7分钟：
1-1 导学 (06:23)
1-2 了解微前端

第2章架构基础知识14 节 | 102分钟
2-1 导学-微前端实现方式对比：
2-2 前端架构的前世今生 (17:31)：
2-3 软件设计原则与分层（1） (04:37)：
2-4 软件设计原则与分层（2） (05:11)：
2-5 软件设计原则与分层（3） (06:24)：
2-6 软件设计原则与分层（4） (08:02)：
2-7 架构设计的质量-健壮性和稳定性 (11:41)：
2-8 架构前期准备 (13:45)：
2-9 技术填补与崩溃预防（1） (18:38)：
2-10 技术填补与崩溃预防（2） (05:34)：
2-11 系统重构（1） (07:51)：
2-12 系统重构（2） (02:13)
2-13 前端架构基础
2-14 讨论题—浏览器对于微前端的支持能力

第3章基础准备工作试看3 节 | 33分钟
3-1 微前端实现方式对比 (11:03)
3-2 技术选型-确定技术栈 (07:41)
3-3 绘制项目架构图 (13:51)

第4章应用开发19 节 | 141分钟
4-1 vue2子应用-新能源页面 (10:51)：
4-2 vue3子应用-首页、选车页面 (14:15)：
4-3 react15子应用-资讯、视频、视频详情 (11:39)：
4-4 react16子应用-新车、排行、登录（1） (02:04)：
4-5 react16子应用-新车、排行、登录（2） (03:26)：
4-6 react16 子应用-新车、排行、登录（3） (01:21)：
4-7 react16子应用-登录、新车、排行（4） (10:48)：
4-8 构建一个后端服务 (14:29)：
4-9 后端服务请求处理（1） (11:58)：
4-10 后端服务请求处理（2） (09:23)：
4-11 子应用接入微前端-vue2 （1） (06:46)：
4-12 子应用接入微前端-vue2 （2） (11:28)：
4-13 子应用接入微前端 - vue3（1） (06:03)：
4-14 子应用接入微前端 - vue3（2） (05:52)：
4-15 子应用接入微前端 - react15 (12:12)：
4-16 子应用接入微前端 - react16 (08:22)
4-17 知识补充 - vue3开发指南
4-18 知识补充 - Webpack基本配置
4-19 面试题 -- vue3和vue2的不同

第5章微前端框架开发 - 框架初长成10 节 | 162分钟
5-1 项目整体介绍 (09:44)：
5-2 中央控制器 - 主应用开发 (16:35)：
5-3 子应用注册 (19:20)：
5-4 微前端框架 - 路由拦截 (13:14)：
5-5 微前端框架 - 获取首个子应用 (13:36)：
5-6 微前端框架 - 主应用生命周期 (10:46)：
5-7 微前端框架 - 微前端生命周期 (20:08)：
5-8 获取需要展示的页面 - 加载和解析html (23:18)：
5-9 加载和解析js (15:46)：
5-10 执行js脚本 (18:42)

第6章微前端框架开发 - 添加辅助功能14 节 | 131分钟
6-1 微前端环境变量设置（1） (08:30)：
6-2 微前端环境变量设置（2） (07:52)：
6-3 运行环境隔离 - 快照沙箱 (15:08)：
6-4 运行环境隔离 - 代理沙箱 (19:58)：
6-5 css样式隔离 (14:22)：
6-6 应用间通信 - 父子通信（1） (03:35)：
6-7 应用间通信 - 父子通信（2） (14:19)：
6-8 应用间通信 - 父子通信（3） (07:36)：
6-9 应用间通信 - 子应用间通信 (12:19)：
6-10 全局状态管理 - 全局store（1） (04:52)：
6-11 全局状态管理 - 全局store（2） (05:02)：
6-12 全局状态管理 - 全局store（3） (02:35)：
6-13 提高加载性能 - 应用缓存 (06:26)：
6-14 提高加载性能 - 预加载子应用 (07:35)

第7章微前端框架开发 - 实现自动发布8 节 | 60分钟
7-1 框架发布 – 通过npm发布框架（1） (06:17)：
7-2 框架发布 – 通过npm发布框架（2） (08:25)：
7-3 应用部署 - 创建自动部署平台（1） (08:30)：
7-4 应用部署 - 创建自动部署平台（2） (08:42)：
7-5 实现应用的自动化部署（1） (07:46)：
7-6 实现应用的自动化部署（2） (02:14)：
7-7 实现应用的自动化部署（3） (09:32)：
7-8 质量保证 - 如何实现主子应用测试 (07:46)

第8章使用现有框架 qiankun 重写15 节 | 84分钟
8-1 使用qiankun重构项目 (16:29)：
8-2 qiankun源码分析-应用注册 (04:56)：
8-3 qiankun源码分析 - 应用加载 (07:32)：
8-4 qiankun源码分析 - 沙箱隔离 (05:15)：
8-5 qiankun源码分析 - 全局状态管理 (03:05)：
8-6 qiankun源码分析 - 预加载 (02:09)
8-7 扩展：如何阅读源码？：
8-8 使用single-spa重构项目（1） (03:08)：
8-9 使用single-spa重构项目（2） (04:43)：
8-10 使用single-spa重构项目（3） (07:03)：
8-11 使用single-spa重构项目（4） (05:02)：
8-12 使用single-spa重构项目（5） (14:24)：
8-13 使用single-spa重构项目（6） (02:26)：
8-14 single-spa源码介绍 (07:44)
8-15 后续学习建议

〖下载地址〗

游客，如果您要查看本帖隐藏内容请回复

〖升级为永久会员免金币下载全站资源〗
全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html