第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章 沙箱隔离&加载&缓存&数据通信&跨应用跳转等能力拓展
12 节｜94分钟

收起 

  • 视频：
    10-1 ：本章导学
    01:08

  • 视频：
    10-2 ：沙箱隔离能力1：JS隔离
    11:22

  • 视频：
    10-3 ：沙箱隔离能力2：样式隔离
    10:16

  • 视频：
    10-4 ：沙箱隔离能力3：元素隔离
    07:57

  • 视频：
    10-5 ：加载能力：微前端的生命周期
    08:08

  • 视频：
    10-6 ：数据通信能力1：主子通信
    09:49

  • 视频：
    10-7 ：数据通信能力2：子主通信
    10:18

  • 视频：
    10-8 ：数据通信能力3：子应用之间通信
    07:46

  • 视频：
    10-9 ：跨应用跳转能力1：主应用跳转子应用
    03:28

  • 视频：
    10-10 ：跨应用跳转能力2：子应用跳转主应用
    09:42

  • 视频：
    10-11 ：跨应用跳转能力3：子应用之间跳转
    02:07

  • 视频：
    10-12 本章小结
    11:35
第11章 微前端性能优化实践
6 节｜39分钟

收起 

  • 视频：
    11-1 ：本章导学
    01:03

  • 视频：
    11-2 ：微前端预加载
    09:06

  • 视频：
    11-3 ：微前端资源共享
    08:18

  • 视频：
    11-4 ：子应用缓存
    08:11

  • 视频：
    11-5 ：子应用的丝滑转场
    08:28

  • 视频：
    11-6 ：本章小结
    03:03
第12章 微前端应用如何优雅上线？
16 节｜132分钟

收起 

  • 视频：
    12-1 ：本章导学
    03:55

  • 视频：
    12-2 ：发布工具准备：putty、xftp
    07:11

  • 视频：
    12-3 ：服务器环境依赖：Node、Nginx、Screen
    13:18

  • 视频：
    12-4 ：封装config文件统一管理开发和生产环境域名
    18:05

  • 视频：
    12-5 ：nuxt2子应用部署
    16:35

  • 视频：
    12-6 ：生产环境Nginx配置
    12:05

  • 视频：
    12-7 ：vue2子应用部署
    09:40

  • 视频：
    12-8 ：vue3子应用部署
    05:06

  • 视频：
    12-9 ：react18子应用部署
    05:05

  • 视频：
    12-10 ：vue3基座应用部署
    08:26

  • 视频：
    12-11 ：Nginx开启Gzip压缩：为微前端应用增速
    04:20

  • 视频：
    12-12 ：查缺补漏1：优化微前端应用样式
    02:43

  • 视频：
    12-13 ：查缺补漏2：解决vue2子应用白屏问题
    02:34

  • 视频：
    12-14 ：查缺补漏3：结合Vuex优化基座应用的导航栏选中问题
    13:33

  • 视频：
    12-15 ：查缺补漏4：解决子应用页面重定向和token透传问题
    07:41

  • 视频：
    12-16 ：本章小结
    01:22
第13章 工程化微前端的另一种方案
4 节｜48分钟

收起 

  • 视频：
    13-1 ：MPA架构治好了我的精神内耗
    06:48

  • 视频：
    13-2 ：快速搭建MPA脚手架
    16:50

  • 视频：
    13-3 ：微应用的跨应用跳转与内部路由跳转
    16:25

  • 视频：
    13-4 ：微应用的组件复用
    07:03
第14章 课程总结
1 节｜5分钟

收起 

  • 视频：
    14-1 ：课程回顾
    04:55
    隐藏内容
    本内容需权限查看
    • 普通用户: 1金币
    • VIP会员: 免费
    • 永久会员: 免费
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。