本文不会对太多概念展开，具体可参考这里。 为什么要用微前端 编程中的很多问题都可以用分治法来解决，比如归并排序，比如react中的组件，都是将复杂问题简化成多个简单部分然后解决后组合，最终完成要解决的

看到标题，大家首先想到的应该是iframe，诚然iframe的确可以做到，但是我们今天要讲的并不是它，而是新推出的一款微前端框架micro-app。

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

前言 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端并不是前端领域的

从源码层面详细讲解了 `qiankun` 框架中的 JS 沙箱 和 样式沙箱的实现原理 ......

从 single-spa 的缺陷讲起 -> qiankun 是如何从框架层面解决 single-spa 存在的问题 -> qiankun 源码解读，带你全方位刨析 qiankun 框架

从基本使用 -> 部署 -> 框架源码分析 -> 手写框架，带你全方位刨析 single-spa 框架

前言 在上一篇文章【微前端】single-spa 到底是个什么鬼 聊到了 single-spa 这个框架仅仅实现了子应用的生命周期的调度以及 url 变化的监听。微前端的一个特点都没有实现，严格来说算

好奇心驱使着我去探究下究竟是怎么实现的，下面就看下qiankun是怎么实现的吧。 主要利用StyleElement.sheet获取标签内的所有css规则代码，然后对其进行处理，具体处理逻辑之后会看到。这部分代码执行的前提是传入的style标签一开始就是有内容的，当style标签…