微前端（qiankun）

微前端

特点：独立开发、独立部署，独立运行，增量升级
解决的问题：日常开发过程中，可能有很多老项目需要迭代，但是可能新的一些可能需要使用的依赖或者新的一些框架，老项目已经不满足，那么这时候我们的微前端可以很好的解决这个问题，因为每一个功能对于微前端来说都是一个新的项目，不会影响老项目，有效的让老项目更好的迭代下去。

为什么不使用iframe

1. url 不同步。浏览器刷新 iframe url 状态丢失、后退前进按钮无法使用。
2. UI 不同步，DOM 结构不共享。想象一下屏幕右下角 1/4 的 iframe 里来一个带遮罩层的弹框，同时我们要求这个弹框要浏览器居中显示，还要浏览器 resize 时自动居中…
3. 全局上下文完全隔离，内存变量不共享。iframe 内外系统的通信、数据同步等需求，主应用的 cookie 要透传到根域名都不同的子应用中实现免登效果。
4. 慢。每次子应用进入都是一次浏览器上下文重建、资源重新加载的过程

qiankun

特点：简单，易上手，不排斥技术栈，能很好的接入React/Vue/Angular/JQuery等框架

特性

1. 基于 single-spa 封装，提供了更加开箱即用的 API。
2. 技术栈无关，任意技术栈的应用均可 使用/接入，不论是 React/Vue/Angular/JQuery 还是其他等框架。
3. HTML Entry 接入方式，让你接入微应用像使用 iframe 一样简单。
4. 样式隔离，确保微应用之间样式互相不干扰。
5. JS 沙箱，确保微应用之间 全局变量/事件 不冲突。
6. 资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度。
7. umi 插件，提供了 @umijs/plugin-qiankun 供 umi 应用一键切换成微前端架构系统。