(超清原画)从0到1落地微前端架构, MicroApp实战招聘网站
点击下载:从0到1落地微前端架构, MicroApp实战招聘网站
能够应对不同技术栈、不同构建工具的巨石应用架构是前端高级工程师的衡量标准之一。本课程为你提供一套大型中台项目构建、多技术栈项目融合的最佳落地方案,并结合主流微前端框架MicroApp,流行技术栈Vue3、React18、Nuxt2、Vue2、Vite、Webpack最终聚合实现多个子应用的大型招聘网站,助力你成长为独当一面、具备team leader潜质的前端高级工程师。
你将学会:
掌握整套微前端架构解决方案
训练前端多应用架构设计思维
收获从0到1落地微前端的经验
强化Vue3、Nuxt2等主流技术
提升多项目多技术栈融合能力
提高多角色分工与协作开发力
试看链接:https://pan.baidu.com/s/1kZ90Coz0rTHy3n15WTgdWQ?pwd=n7yv
目录大纲:
第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分钟
收起
视频:
6-1 :本章导学
02:05
视频:
6-2 :nuxt2子应用快速构建
09:15
视频:
6-3 :nuxt2集成1:sass
06:13
视频:
6-4 :nuxt2集成2:axios安装与二次封装
09:57
视频:
6-5 :nuxt2子应用功能开发:实现首页SSR
08:00
视频:
6-6 :nuxt2子应用跨域请求:proxy跨域设置
11:29
视频:
6-7 :接入微前端1:chrome插件解决本地跨域
05:20
视频:
6-8 :接入微前端2:express自定义跨域服务
08:39
视频:
6-9 :接入微前端3:ssr模式加载子应用
04:02
视频:
6-10 :本章小结
05:42
第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实战招聘网站
页:
[1]