从0到1落地微前端架构， MicroApp实战招聘网站_实战课程

第1章课程介绍

1 节｜7分钟

展开

视频：

1-1 ：课程导学

试看

06:40

第2章为什么前端工程师都应该学习微前端？

3 节｜35分钟

收起

视频：

2-1 ：什么是微前端？为什么要学习微前端？

12:42
视频：

2-2 ：微前端实现方案大乱炖：iframe、single-spa、qiankun、micro-app

12:24
视频：

2-3 ：现代微前端架构理念：团队自治、独立部署、场景落地

09:22

第3章微前端技术选型&微前端架构设计方案

2 节｜22分钟

收起

视频：

3-1 ：技术选型：基于micro-app框架的微前端应用

15:45
视频：

3-2 ：架构设计：一站式微前端架构设计方案

05:18

第4章开发环境搭建&后端API联调说明

2 节｜16分钟

展开

视频：

4-1 ：开发环境搭建：nvm、node

09:24
视频：

4-2 ：主、子应用的后端API联调说明

06:22

第5章微前端实战1—主应用main-vue3

11 节｜123分钟

展开

视频：

5-1 ：本章导学

00:54
视频：

5-2 ：vue3+vite4主应用快速构建

05:11
视频：

5-3 ：vue3全家桶集成：vue-router、axios、element-plus、sass

27:09
视频：

5-4 ：主应用接入微前端：MicroApp开箱即用、统筹全局

09:44
视频：

5-5 ：封装通用组件commonHeader、commonFooter

19:03
视频：

5-6 ：封装容器组件mainContainer

03:01
视频：

5-7 ：主应用登录页面布局

16:27
视频：

5-8 -1：主应用登录功能开发：axios封装、proxy跨域设置、MD5加密

15:42
视频：

5-9 -2：主应用登录功能开发：axios封装、proxy跨域设置、MD5加密

13:58
视频：

5-10 ：主应用登出功能开发：MicroApp全局数据通信

10:03
视频：

5-11 ：本章小结

01:43

第6章微前端实战2—子应用child-nuxt2-home

10 节｜71分钟

展开

第7章微前端实战3—子应用child-vue2-job

9 节｜69分钟

展开

视频：

7-1 ：本章导学

01:31
视频：

7-2 ：vue2子应用快速构建

04:09
视频：

7-3 ：vue2全家桶集成：vue-router、axios、element-ui、sass

16:27
视频：

7-4 ：vue2子应用功能开发1：职位列表

17:07
视频：

7-5 ：vue2子应用功能开发2：职位详情

10:36
视频：

7-6 ：vue2子应用跨域请求：proxy跨域设置

03:53
视频：

7-7 ：接入微前端1：如何解决vue2子应用跨域

06:02
视频：

7-8 ：接入微前端2：设置publicPath补全静态资源路径

04:34
视频：

7-9 ：本章小结

04:27

第8章微前端实战4—子应用child-vue3-enterprise

6 节｜54分钟

展开

视频：

8-1 ：本章导学

01:54
视频：

8-2 ：vue3+vite4子应用快速构建

09:34
视频：

8-3 ：vue3子应用功能开发1：企业列表

18:11
视频：

8-4 ：vue3子应用功能开发2：企业详情

05:06
视频：

8-5 ：接入微前端：全心全意为vite打造的iframe沙箱方案

13:47
视频：

8-6 ：本章小结

04:41

第9章微前端实战5—子应用child-react18-about

7 节｜31分钟

展开

视频：

9-1 ：本章导学

00:53
视频：

9-2 ：react18+webpack5子应用快速构建

01:46
视频：

9-3 ：react18集成router、axios、sass

10:31
视频：

9-4 ：react18子应用功能开发：关于我们

03:55
视频：

9-5 ：react子应用跨域请求：暴露webpack实现proxy跨域设置

04:01
视频：

9-6 ：接入微前端：设置publicPath补全静态资源路径

07:13
视频：

9-7 ：本章小结

02:25

第10章沙箱隔离&加载&缓存&数据通信&跨应用跳转等能力拓展

内容更新中

第11章微前端性能优化实践

内容更新中

第12章微前端应用如何优雅上线？

内容更新中

第13章工程化微前端的另一种方案

内容更新中

第14章课程总结

内容更新中

从0到1落地微前端架构， MicroApp实战招聘网站

一套解决巨石应用痛点的微前端架构方案+多技术栈融合+综合项目实战

课程预览

热搜

最近搜索清空

课程预览

学习咨询