微前端

特點：獨立開發(fā)、獨立部署，獨立運行，增量升級
解決的問題：日常開發(fā)過程中，可能有很多老項目需要迭代，但是可能新的一些可能需要使用的依賴或者新的一些框架，老項目已經不滿足，那么這時候我們的微前端可以很好的解決這個問題，因為每一個功能對于微前端來說都是一個新的項目，不會影響老項目，有效的讓老項目更好的迭代下去。

為什么不使用iframe

1. url 不同步。瀏覽器刷新 iframe url 狀態(tài)丟失、后退前進按鈕無法使用。
2. UI 不同步，DOM 結構不共享。想象一下屏幕右下角 1/4 的 iframe 里來一個帶遮罩層的彈框，同時我們要求這個彈框要瀏覽器居中顯示，還要瀏覽器 resize 時自動居中…
3. 全局上下文完全隔離，內存變量不共享。iframe 內外系統(tǒng)的通信、數據同步等需求，主應用的 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 應用一鍵切換成微前端架構系統(tǒng)。