资源介绍：

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

能够应对不同技术栈、不同构建工具的巨石应用架构是前端高级工程师的衡量标准之一。本课程为你提供一套大型中台项目构建、多技术栈项目融合的最佳落地方案，并结合主流微前端框架MicroApp，流行技术栈Vue3、React18、Nuxt2、Vue2、Vite、Webpack最终聚合实现多个子应用的大型招聘网站，助力你成长为独当一面、具备team leader潜质的前端高级工程师

课程目录

• {1}–第1章 课程介绍
• [1.1]–1-1 ：课程导学
• {2}–第2章 为什么前端工程师都应该学习微前端？
• [2.1]–2-1 ：什么是微前端？为什么要学习微前端？
• [2.2]–2-2 ：微前端实现方案大乱炖：iframe、single-sp
• [2.3]–2-3 ：现代微前端架构理念：团队自治、独立部署、场景落地
• {3}–第3章 微前端技术选型&微前端架构设计方案
• [3.1]–3-1 ：技术选型：基于micro-app框架的微前端应用
• [3.2]–3-2 ：架构设计：一站式微前端架构设计方案
• {4}–第4章 开发环境搭建&后端API联调说明
• [4.1]–4-1 ：开发环境搭建：nvm、node-金狮_
• [4.2]–4-2 ：主、子应用的后端API联调说明-金狮_
• {5}–第5章 微前端实战1—主应用main-vue3
• [5.10]–5-10 ：主应用登出功能开发：MicroApp全局数据通信
• [5.11]–5-11 ：本章小结
• [5.1]–5-1 ：本章导学
• [5.2]–5-2 ：vue3+vite4主应用快速构建
• [5.3]–5-3 ：vue3全家桶集成：vue-router、axios、
• [5.5]–5-5 ：封装通用组件commonHeader、commonFo
• [5.6]–5-6 ：封装容器组件mainContainer
• [5.7]–5-7 ：主应用登录页面布局
• [5.8]–5-8 -1：主应用登录功能开发：axios封装、proxy跨域
• [5.9]–5-9 -2：主应用登录功能开发：axios封装、proxy跨域
• {6}–第6章 微前端实战2—子应用child-nuxt2-
• [6.10]–6-10 ：本章小结
• [6.1]–6-1 ：本章导学
• [6.2]–6-2 ：nuxt2子应用快速构建
• [6.3]–6-3 ：nuxt2集成1：sass
• [6.4]–6-4 ：nuxt2集成2：axios安装与二次封装
• [6.5]–6-5 ：nuxt2子应用功能开发：实现首页SSR
• [6.6]–6-6 ：nuxt2子应用跨域请求：proxy跨域设置
• [6.7]–6-7 ：接入微前端1：chrome插件解决本地跨域
• [6.8]–6-8 ：接入微前端2：express自定义跨域服务
• [6.9]–6-9 ：接入微前端3：ssr模式加载子应用
• {7}–第7章 微前端实战3—子应用child-vue2-j
• [7.1]–7-1 ：本章导学
• [7.3]–7-3 ：vue2全家桶集成：vue-router、axios、
• [7.4]–7-4 ：vue2子应用功能开发1：职位列表
• [7.5]–7-5 ：vue2子应用功能开发2：职位详情
• [7.6]–7-6 ：vue2子应用跨域请求：proxy跨域设置
• [7.7]–7-7 ：接入微前端1：如何解决vue2子应用跨域
• [7.8]–7-8 ：接入微前端2：设置publicPath补全静态资源路径
• [7.9]–7-9 ：本章小结
• {8}–第8章 微前端实战4—子应用child-vue3-e
• [8.1]–8-1 ：本章导学
• [8.2]–8-2 ：vue3+vite4子应用快速构建
• [8.3]–8-3 ：vue3子应用功能开发1：企业列表
• [8.4]–8-4 ：vue3子应用功能开发2：企业详情
• [8.5]–8-5 ：接入微前端：全心全意为vite打造的iframe沙箱方
• [8.6]–8-6 ：本章小 结
• {9}–第9章 微前端实战5—子应用child-react1
• [9.1]–9-1 ：本章导学
• [9.2]–9-2 ：react18+webpack5子应用快速构建
• [9.3]–9-3 ：react18集成router、axios、sass
• [9.4]–9-4 ：react18子应用功能开发：关于我们
• [9.5]–9-5 ：react子应用跨域请求：暴露webpack实现pro
• [9.6]–9-6 ：接入微前端：设置publicPath补全静态资源路径
• [9.7]–9-7 ：本章小结
• {10}–第10章 沙箱隔离&加载&缓存&数据通信
• [10.10]–10-10 ：跨应用跳转能力2：子应用跳转主应用
• [10.11]–10-11 ：跨应用跳转能力3：子应用之间跳转
• [10.12]–10-12 本章小结
• [10.1]–10-1 ：本章导学
• [10.2]–10-2 ：沙箱隔离能力1：JS隔离
• [10.3]–10-3 ：沙箱隔离能力2：样式隔离
• [10.4]–10-4 ：沙箱隔离能力3：元素隔离
• [10.5]–10-5 ：加载能力：微前端的生命周期
• [10.6]–10-6 ：数据通信能力1：主子通信
• [10.7]–10-7 ：数据通信能力2：子主通信
• [10.9]–10-9 ：跨应用跳转能力1：主应用跳转子应用
• {11}–第11章 微前端性能优化实践
• [11.1]–11-1 ：本章导学
• [11.2]–11-2 ：微前端预加载
• [11.3]–11-3 ：微前端资源共享
• [11.4]–11-4 ：子应用缓存
• [11.5]–11-5 ：子应用的丝滑转场
• [11.6]–11-6 ：本章小结
• {12}–第12章 微前端应用如何优雅上线？
• [12.13]–12-13 ：查缺补漏2：解决vue2子应用白屏问题
• [12.14]–12-14 ：查缺补漏3：结合Vuex优化基座应用的导航栏选中问
• [12.15]–12-15 ：查缺补漏4：解决子应用页面重定向和token透传问
• [12.16]–12-16 ：本章小结
• [12.1]–12-1 ：本章导学
• [12.2]–12-2 ：发布工具准备：putty、xftp
• [12.3]–12-3 ：服务器环境依赖：Node、Nginx、Screen
• [12.4]–12-4 ：封装config文件统一管理开发和生产环境域名
• [12.6]–12-6 ：产环境Nginx配置
• 第13章 工程化微前端的另一种方案
• [13.1]–13-1 ：MPA架构治好了我的精神内耗
• [13.2]–13-2 ：快速搭建MPA脚手架
• [13.3]–13-3 ：微应用的跨应用跳转与内部路由跳转
• [13.4]–13-4 ：微应用的组件复用
• 第14章 课程总结
• [14.1]–14-1 ：课程回顾
• 源码
• child-nuxt2-home
• api
• assets
• components
• pages
• plugins
• static
• store
• utils
• .editorconfig
• .gitignore
• nuxt.config.js
• package-lock.json
• package.json
• README.md
• server.js
• child-react18-about
• public
• src
• .gitignore
• package-lock.json
• package.json
• README.md
• child-vue2-job
• public
• src
• .gitignore
• babel.config.js
• package-lock.json
• package.json
• README.md
• vue.config.js
• child-vue3-enterprise
• public
• src
• .gitignore
• index.html
• package.json
• vite.config.js
• main-vue3
• public
• src
• .gitignore
• index.html
• package.json
• README.md
• vite.config.js
• mpa
• api
• public
• src
• utils
• .gitignore
• babel.config.js
• package-lock.json
• package.json
• README.md
• vue.config.js