微前端

微前端的概念源自于微服务,主要目的是降低大型复杂应用的开发、升级、维护以及团队协作成本。当然,解耦历史遗留的难以开发、升级和维护的大型应用是目前使用微前端的一个重要原因。

微前端理论上需要具备独立部署、独立开发甚至技术无关等特点。想要设计一个通用的微前端框架,在技术上需要涵盖前端的各个方面,包括浏览器通用能力、框架 SDK 设计、工程化设计、 开发脚手架模版设计、性能优化、聚合调试技巧、HTTP 请求知识以及 CI / CD 等。

因此掌握好微前端,就等于掌握了相对全面的前端知识体系。

当然,学习微前端并不是什么困难的事情,个人认为可以从以下几个阶段深入学习:

  • 第一阶段(使用) :在业务中尝试接入社区常用的微前端框架,宏观了解微前端的功能;
  • 第二阶段(深入) :通过调试微前端框架的源码深入学习内部的运行原理;
  • 第三阶段(总结) :归纳总结微前端框架的设计要素,尝试学习这些设计要素的原理;
  • 第四阶段(实践) :尝试设计一个通用的微前端框架,并根据业务特性进行应用;

你会学到什么?

  • 体系化的微前端运行原理和框架设计实践;
  • 体系化的前端工程化原理和实践;
  • qiankun & single-spa 等微前端框架的运行原理;

适宜人群

  • 熟练掌握 JavaScript / TypeScript、CSS 以及 HTML,了解 React 或者 Vue 框架;
  • 没有使用过微前端,想体系化了解微前端,或者曾经使用过,但不清楚内部的原理;
  • 缺少工程化的设计经验及团队协作的经验,想要提升工程化能力;