1.前言

命运有时候就是这么的巧合，同一天，我从两个不同的地方接触到了同一个名次，以前我从没有接触过的微前端，我在一个项目讨论会上第一次听说了这个名词，无独有偶，同一天的下午，我在面试一个老程序员的时候，从他的口中，也得知了这个名词。这让我不得不花费大量的时间进行相关内容的学习，就像Saas一样。

微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。有一个基座应用（主应用），来管理各个子应用的加载和卸载。

实现微前端的几种方式：

• Single-Spa
  作为比较早的微前端框架，single-spa只是实现了加载器、路由托管。沙箱隔离并没有实现。最早在第一家公司，项目就采用基于single-spa定制的一套自己框架，主要是也是通过proxySandBox实现沙箱隔离。

• qiankun
  基于 single-spa 实现的乾坤，已经好几年没有更新过了。基于 single-spa ，阿里系开源的微前端框架，应该也是大家接触最多的了。介绍 在这里。但是看情况已经很多年没有更新了，现在估计已经成熟的不能再成熟了，2025年了，已经没人更新了。

• micro-app
  是京东出的一款基于 Web Component 原生组件进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。

• 无界
  无界是腾讯推出的一款微前端解决方式。它是一种基于 Web Components + iframe 的全新微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。