推荐 | 系统学习微前端,重构前端知识体系!
推荐 | 系统学习微前端,重构前端知识体系!
juejinxiaoce
掘金小册,一个小篇幅、高浓度、成体系、有收益的技术学习平台
掌握微前端,就等于掌握了相对全面的前端知识体系!
微前端的概念源自于微服务,主要目的是降低大型复杂应用的开发、升级、维护以及团队协作成本。当然,解耦历史遗留的难以开发、升级和维护的大型应用是目前使用微前端的一个重要原因。
微前端理论上需要具备独立部署、独立开发甚至是技术无关等特点。设计一个通用的微前端框架在技术上会涵盖前端的各个方面,包括浏览器的通用能力、框架 SDK 的设计、工程化设计、 开发脚手架模版设计、性能优化、聚合调试技巧、HTTP 请求知识以及 CI / CD 等。因此,如何掌握好微前端也成了很多人的难题。
但掘金人气作者「 子弈 」认为,学习微前端并不是什么困难的事情,我们可以从以下五个阶段入手。
第一阶段(使用) :在业务中尝试接入社区常用的微前端框架,大致可以了解微前端的功能;
第二阶段(深入) :通过调试源码深入学习微前端框架的内部运行原理;
第三阶段(总结) :归纳总结微前端框架的设计要素,尝试学习各个设计要素的原理;
第四阶段(实践) :尝试设计一个通用的微前端框架,加深对于原理的理解;
第五阶段(衍生) :学习和微前端框架息息相关的其他原理知识,例如浏览器原理、V8 原理和工程化原理等。
PART-01
小册是如何设计的
基于上述几个学习阶段,「 子弈 」设计了这本小册,会 讲解如何设计一个功能完善的微前端框架,并衍生前端工程化技术和底层原理知识 。希望能帮助大家在掌握微前端的同时,全面了解前端的一些原理知识。该课程主要分为如下 9 个模块:
模块划分
感性了解 :讲解什么是微前端、微前端能解决业务中的哪些问题、实现微前端的方案有哪些,帮助大家感性了解微前端并可以 建立宏观的认知 。
方案了解 :讲解微前端的几种简单实现方式,帮助大家了解 微前端运行的大致轮廓 。
框架原理 :详细讲解微前端中的沙箱隔离、通信和性能优化等原理,帮助大家分片理解 微前端运行原理 。
工程设计 :体系化讲解微前端框架的 工程原理和技术实践 ,帮助大家了解工程化在团队协作中的设计规范。
框架设计 :基于微前端 框架原理和工程实践 ,设计微前端框架,帮助大家全面连贯地理解微前端运行原理。
解决方案 :基于微前端框架设计配套的 React & Vue 解决方案,提供 CLI 开发者工具和开发模版 ,可基于 CLI 快速创建开发应用的模版,理解通用型技术的业务封装设计。
应用实战 :基于解决方案给出微前端应用的实战案例,帮助大家理解微前端的 应用层设计方案 。
源码分析 :回顾 single-spa 和 qiankun 的工作原理,帮助大家循序渐进地了解社区框架的 底层实现原理 。
原理进阶 :深入部分 浏览器和 V8 原理 ,帮助大家了解前端的基础原理,提升前端的认知面。
你会学到什么?
✅6 个常用的微前端设计方案与原理解析;
✅完善、实用的微前端框架开发工作流程;
✅体系化的前端工程化原理和实践;
✅浏览器和 V8 底层原理进阶指南。
小册目标人群
1. 熟练掌握 JavaScript / TypeScript、CSS 以及 HTML,了解 React 和 Vue 框架;
2.没有使用过微前端,想体系化了解微前端,或者曾经使用过,但还不清楚内部的运行机制;
3.缺少工程化的设计经验及团队协作的经验,想要提升工程化能力;
4.想要深入了解浏览器、V8 等底层工作原理,了解一些服务端基础知识。
PART-02
好评不断,福利多多
真正的微前端好课,真实的用户评价
立即试读>> 《 深入浅出微前端 》
双12狂欢>> 双 12 狂欢购,全场 6 折~
-
2023年血糖新标准公布,不是3.9-6.1,快来看看你的血糖正常吗? 2023-02-07
-
2023年各省最新电价一览!8省中午执行谷段电价! 2023-01-03
-
GB 55009-2021《燃气工程项目规范》(含条文说明),2022年1月1日起实施 2021-11-07
-
PPT导出高分辨率图片的四种方法 2022-09-22
-
2023年最新!国家电网27家省级电力公司负责人大盘点 2023-03-14
-
全国消防救援总队主官及简历(2023.2) 2023-02-10
-
盘点 l 中国石油大庆油田现任领导班子 2023-02-28
-
我们的前辈!历届全国工程勘察设计大师完整名单! 2022-11-18
-
关于某送变电公司“4·22”人身死亡事故的快报 2022-04-26
