从零打造微前端框架:实战“汽车资讯平台”项目

课程介绍

从零打造微前端框架:实战“汽车资讯平台”项目

为什么要学微前端架构?当你的项目越来越复杂,工程越来越大,代码冲突越来越频繁,打包越来越慢的时候,就该好好学习下微前端架构了。本课程将带你从零打造一个微前端框架,并实战一个汽车资讯平台,让你系统掌握微前端架构设计与落地能力,轻松解构巨型应用。

第1章 课程简介

课程导学,介绍课程大概内容:课程安排、目标、学习人群等。

第2章 架构基础知识

万变不离其宗,没有一种架构是凭空想象出来的,每一种架构实践方式都是有基础的内容搭建起来的,通过基础知识内容的介绍,可以更根本的了解到做架构设计的时候需要考虑哪些内容,如何更加合理的进行项目的架构设计工作,由浅入深,逐步踏入架构的门槛。同时,基础知识的讲解也有助于大家建立完整的架构知识体系。 …

第3章 基础准备工作

凡事预则立不预则废,在做架构设计和架构实践之前,做好充分的准备工作,然后按照预先设定好的步骤一步步实现理想的架构设计,同时,架构设计工作并不仅仅由架构师完成,更重要的是要调动全员完成架构设计,也需要让项目组所有成员理解并认同自己的架构设计初衷,齐心协力完成架构设计工作。 …

第4章 应用开发

子应用:采用四种使用最多的框架技术完成子应用,确保在正常的工作中可以学以致用,同时也有助于每个人都可以按照自己的项目实际进行子应用的搭建和改造工作,每种子应用改造的方式大同小异,需要从细节处着手,将每个子应用完美的接入到微前端中。 主应用:主应用起到整体的调度作用,按照对应的路由匹配规则渲染对应的子…

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

实现微前端框架基础功能,包括:应用注册、路由拦截、主应用生命周期添加、微前端生命周期添加、加载和解析html、加载和解析js、渲染、执行脚本文件等内容。

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

给微前端添加其他辅助功能,包含以下内容:预加载、应用通信、全局stroe、错误收集和信息提示等功能。

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

微前端框架和主应用子应用的发布流程,学着如何部署一个微前端所有内容。

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

使用现有的成熟的为前端框架内容来将项目重写,理解热门的微前端框架是如何实现的。怎样使用现有为前端框架更低成本的改写子应用。比较成熟的微前端框架和自己实现的框架之间有哪些异同点,一步步将自己的微前端框架补充完善,以致于能真正用于生产环境中。…

私信站长,免费获取该资源
声明:本站所有资源收集于互联网,该资源作者与Binge办公不享有任何版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
个人中心
购物车
优惠劵
有新私信 私信列表
搜索