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

📖 课程目录

第1章 课程简介

1-1 导学

第2章 架构基础知识

2-1 前端架构的前世今生

2-2 软件设计原则与分层

2-3 软件设计原则与分层

2-4 软件设计原则与分层

2-5 软件设计原则与分层

2-6 架构设计的质量-健壮性和稳定性

2-7 架构前期准备

2-8 技术填补与崩溃预防

2-9 技术填补与崩溃预防

2-10 系统重构

2-11 系统重构

第3章 基础准备工作

3-1 微前端实现方式对比

3-2 技术选型-确定技术栈

3-3 绘制项目架构图

第4章 应用开发

4-1 vue2子应用-新能源页面

4-2 vue3子应用-首页、选车页面

4-3 react15子应用-资讯、视频、视频详情

4-4 react16子应用-新车、排行、登录

4-5 react16子应用-新车、排行、登录

4-6 react16 子应用-新车、排行、登录

4-7 react16子应用-登录、新车、排行

4-8 构建一个后端服务

4-9 后端服务请求处理

4-10 后端服务请求处理

4-11 子应用接入微前端-vue2

4-12 子应用接入微前端-vue2

4-13 子应用接入微前端 – vue3

4-14 子应用接入微前端 – vue3

4-15 子应用接入微前端 – react15

4-16 子应用接入微前端 – react16

第5章 微前端框架开发 – 框架初长成

5-1 中央控制器 – 主应用开发

5-2 子应用注册

5-3 微前端框架 – 路由拦截

5-4 微前端框架 – 获取首个子应用

5-5 微前端框架 – 主应用生命周期

5-6 微前端框架 – 微前端生命周期

5-7 获取需要展示的页面 – 加载和解析html

5-8 加载和解析js

第6章 微前端框架开发 – 添加辅助功能

6-1 微前端环境变量设置

6-2 微前端环境变量设置

6-3 运行环境隔离 – 快照沙箱

6-4 运行环境隔离 – 代理沙箱

6-5 css样式隔离

6-6 应用间通信 – 父子通信

6-7 应用间通信 – 父子通信

6-8 应用间通信 – 父子通信

6-9 应用间通信 – 子应用间通信

6-10 全局状态管理 – 全局store

6-11 全局状态管理 – 全局store

6-12 全局状态管理 – 全局store

6-13 提高加载性能 – 应用缓存

6-14 提高加载性能 – 预加载子应用

第7章 微前端框架开发-实现自动发布

7-1 框架发布–通过npm发布框架

7-2 框架发布–通过npm发布框架

7-3 应用部署-创建自动部署平台

7-4 应用部署-创建自动部署平台

7-5 实现应用的自动化部署

7-6 实现应用的自动化部署

7-7 实现应用的自动化部署

第8章使用现有框架qiankun重写

8-1 使用qiankun重构项目

8-2 qiankun源码分析-应用注册

8-3 qiankun源码分析-应用加载

8-4 qiankun源码分析-沙箱隔离

8-5 qiankun源码分析-全局状态管理

8-6 qiankun源码分析-预加载

8-7 使用single-spa重构项目

8-8 使用single-spa重构项目

8-9 使用single-spa重构项目

8-10 使用single-spa重构项目

8-11 使用single-spa重构项目

8-12 使用single-spa重构项目

8-13 single-spa源码介绍