很多前端同学都听说过微前端,但是可能对它的本质不是特别了解。微前端的技术深度相对于React或者Vue框架要简单很多,但是它的广度却涵盖了前端知识的方方面面。本课程将会带你系统了解微前端的运行本质,有助于你在业务广度和技术深度上更进一层。
查看详情:《深入浅出微前端》https://juejin.cn/book/7258893482318626868?suid=1891586670332824&source=pc
微前端的概念源自于微服务,主要目的是降低大型复杂应用的开发、升级、维护以及团队协作成本。当然,解耦历史遗留的难以开发、升级和维护的大型应用是目前使用微前端的一个重要原因。
微前端理论上需要具备独立部署、独立开发甚至技术无关等特点。想要设计一个通用的微前端框架,在技术上需要涵盖前端的各个方面,包括浏览器通用能力、框架 SDK 设计、工程化设计、 开发脚手架模版设计、性能优化、聚合调试技巧、HTTP 请求知识以及 CI / CD 等。
查看详情:《深入浅出微前端》https://juejin.cn/book/7258893482318626868?suid=1891586670332824&source=pc
因此掌握好微前端,就等于掌握了相对全面的前端知识体系。
当然,学习微前端并不是什么困难的事情,个人认为可以从以下几个阶段深入学习:
- 第一阶段(使用) :在业务中尝试接入社区常用的微前端框架,宏观了解微前端的功能;
- 第二阶段(深入) :通过调试微前端框架的源码深入学习内部的运行原理;
- 第三阶段(总结) :归纳总结微前端框架的设计要素,尝试学习这些设计要素的原理;
- 第四阶段(实践) :尝试设计一个通用的微前端框架,并根据业务特性进行应用;
- 第五阶段(衍生) :学习和微前端息息相关的基础知识,例如浏览器原理、V8 原理。
基于上述几个学习阶段,我设计了这门课程,会讲解如何设计一个功能完善的微前端框架,并衍生前端工程化技术和基础原理知识。希望能帮助大家熟悉微前端的同时,可以全面了解前端的一些技术体系。该课程可以分为 9 个模块:
- 开篇说明:讲解什么是微前端、微前端能解决业务中的哪些问题;
- 方案了解:讲解微前端的几种简单实现方案,帮助大家了解运行的轮廓;
- 原理解析:讲解微前端的沙箱隔离、通信和性能优化等原理,帮助大家理解运行原理;
- 框架解析:讲解 single-spa 和 qiankun 框架的使用示例和工作原理;
- 工程设计:讲解微前端框架设计的工程原理,帮助大家了解团队协作的工程设计规范;
- 框架设计:设计一个通用的微前端框架,帮助大家全面理解微前端通用框架设计;
- 解决方案:基于框架设计配套的 React & Vue 解决方案,理解通用的业务封装设计;
- 应用实战:基于解决方案提供微前端应用的实战案例,帮助大家理解应用层设计方案;
- 原理进阶:深入部分浏览器和 V8 原理,帮助大家了解前端的基础原理。
查看详情:《深入浅出微前端》https://juejin.cn/book/7258893482318626868?suid=1891586670332824&source=pc
你会学到什么?
- 体系化的微前端运行原理和框架设计实践;
- 体系化的前端工程化原理和实践;
- qiankun & single-spa 等微前端框架的运行原理;
- 浏览器和 V8 的部分基础原理。
适宜人群
- 熟练掌握 JavaScript / TypeScript、CSS 以及 HTML,了解 React 或者 Vue 框架;
- 没有使用过微前端,想体系化了解微前端,或者曾经使用过,但不清楚内部的原理;
- 缺少工程化的设计经验及团队协作的经验,想要提升工程化能力;
- 想要深入了解浏览器、V8 等底层工作原理,了解一些服务端基础知识。
查看详情:《深入浅出微前端》https://juejin.cn/book/7258893482318626868?suid=1891586670332824&source=pc