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

本站官方QQ群:116064591

PS 本站不保证资源的完整性,不对其真实性负责。请自行确认是否符合个人需求。如有介意,请勿获取。

  • 第1章课程简介 【2 节 | 7分钟】
    • 视频:1-2 了解微前端
  • 第2章架构基础知识 【14 节 | 102分钟】
    • 图文:2-1 导学-微前端实现方式对比
    • 视频:2-2 前端架构的前世今生 (17:31)
    • 视频:2-3 软件设计原则与分层(1) (04:37)
    • 视频:2-4 软件设计原则与分层(2) (05:11)
    • 视频:2-5 软件设计原则与分层(3) (06:24)
    • 视频:2-6 软件设计原则与分层(4) (08:02)
    • 视频:2-7 架构设计的质量-健壮性和稳定性 (11:41)
    • 视频:2-8 架构前期准备 (13:45)
    • 视频:2-9 技术填补与崩溃预防(1) (18:38)
    • 视频:2-10 技术填补与崩溃预防(2) (05:34)
    • 视频:2-11 系统重构(1) (07:51)
    • 视频:2-12 系统重构(2) (02:13)
    • 图文:2-13 前端架构基础
    • 作业:2-14 讨论题—浏览器对于微前端的支持能力
  • 第3章基础准备工作 【3 节 | 33分钟】
    • 视频:3-3 绘制项目架构图 (13:51)
  • 第4章应用开发 【19 节 | 141分钟】
    • 视频:4-1 vue2子应用-新能源页面 (10:51)
    • 视频:4-2 vue3子应用-首页、选车页面 (14:15)
    • 视频:4-3 react15子应用-资讯、视频、视频详情 (11:39)
    • 视频:4-4 react16子应用-新车、排行、登录(1) (02:04)
    • 视频:4-5 react16子应用-新车、排行、登录(2) (03:26)
    • 视频:4-6 react16 子应用-新车、排行、登录(3) (01:21)
    • 视频:4-7 react16子应用-登录、新车、排行(4) (10:48)
    • 视频:4-8 构建一个后端服务 (14:29)
    • 视频:4-9 后端服务请求处理(1) (11:58)
    • 视频:4-10 后端服务请求处理(2) (09:23)
    • 视频:4-11 子应用接入微前端-vue2 (1) (06:46)
    • 视频:4-12 子应用接入微前端-vue2 (2) (11:28)
    • 视频:4-13 子应用接入微前端 – vue3(1) (06:03)
    • 视频:4-14 子应用接入微前端 – vue3(2) (05:52)
    • 视频:4-15 子应用接入微前端 – react15 (12:12)
    • 视频:4-16 子应用接入微前端 – react16 (08:22)
    • 图文:4-17 知识补充 – vue3开发指南
    • 图文:4-18 知识补充 – Webpack基本配置
    • 作业:4-19 面试题 — vue3和vue2的不同
  • 第5章微前端框架开发-框架初长成 【10 节 | 162分钟】
    • 视频:5-1 项目整体介绍 (09:44)
    • 视频:5-2 中央控制器 – 主应用开发 (16:35)
    • 视频:5-3 子应用注册 (19:20)
    • 视频:5-4 微前端框架 – 路由拦截 (13:14)
    • 视频:5-5 微前端框架 – 获取首个子应用 (13:36)
    • 视频:5-6 微前端框架 – 主应用生命周期 (10:46)
    • 视频:5-7 微前端框架 – 微前端生命周期 (20:08)
    • 视频:5-8 获取需要展示的页面 – 加载和解析html (23:18)
    • 视频:5-9 加载和解析js (15:46)
    • 视频:5-10 执行js脚本 (18:42)
  • 第6章微前端框架开发-添加辅助功能 【14 节 | 131分钟】
    • 视频:6-1 微前端环境变量设置 (1) (08:30)
    • 视频:6-2 微前端环境变量设置 (2) (07:52)
    • 视频:6-3 运行环境隔离 – 快照沙箱 (15:08)
    • 视频:6-4 运行环境隔离 – 代理沙箱 (19:58)
    • 视频:6-5 css样式隔离 (14:22)
    • 视频:6-6 应用间通信 – 父子通信(1) (03:35)
    • 视频:6-7 应用间通信 – 父子通信(2) (14:19)
    • 视频:6-8 应用间通信 – 父子通信(3) (07:36)
    • 视频:6-9 应用间通信 – 子应用间通信 (12:19)
    • 视频:6-10 全局状态管理 – 全局store(1) (04:52)
    • 视频:6-11 全局状态管理 – 全局store(2) (05:02)
    • 视频:6-12 全局状态管理 – 全局store(3) (02:35)
    • 视频:6-13 提高加载性能 – 应用缓存 (06:26)
    • 视频:6-14 提高加载性能 – 预加载子应用 (07:35)
  • 第7章微前端框架开发-实现自动发布 【8 节 | 60分钟】
    • 视频:7-1 框架发布 – 通过npm发布框架 (1) (06:17)
    • 视频:7-2 框架发布 – 通过npm发布框架 (2) (08:25)
    • 视频:7-3 应用部署 – 创建自动部署平台(1) (08:30)
    • 视频:7-4 应用部署 – 创建自动部署平台 (2) (08:42)
    • 视频:7-5 实现应用的自动化部署 (1) (07:46)
    • 视频:7-6 实现应用的自动化部署 (2) (02:14)
    • 视频:7-7 实现应用的自动化部署 (3) (09:32)
    • 视频:7-8 质量保证 – 如何实现主子应用测试 (07:46)
  • 第8章使用现有框架qiankun重写 【15 节 | 84分钟】
    • 视频:8-1 使用qiankun重构项目 (16:29)
    • 视频:8-2 qiankun源码分析-应用注册 (04:56)
    • 视频:8-3 qiankun源码分析 – 应用加载 (07:32)
    • 视频:8-4 qiankun源码分析 – 沙箱隔离 (05:15)
    • 视频:8-5 qiankun源码分析 – 全局状态管理 (03:05)
    • 视频:8-6 qiankun源码分析 – 预加载 (02:09)
    • 图文:8-7 扩展:如何阅读源码?
    • 视频:8-8 使用single-spa重构项目(1) (03:08)
    • 视频:8-9 使用single-spa重构项目(2) (04:43)
    • 视频:8-10 使用single-spa重构项目(3) (07:03)
    • 视频:8-11 使用single-spa重构项目(4) (05:02)
    • 视频:8-12 使用single-spa重构项目(5) (14:24)
    • 视频:8-13 使用single-spa重构项目(6) (02:26)
    • 视频:8-14 single-spa源码介绍 (07:44)
    • 图文:8-15 后续学习建议
© 版权声明
THE END
点个赞吧~
点赞46
从0打造微前端框架,实战汽车资讯平台 | 疯奇社
从0打造微前端框架,实战汽车资讯平台
此内容为付费资源,请付费后查看
50积分
付费资源
已售 111
坐论 共3条

请登录后发表评论