关于微前端的理解（面经版）

关于微前端的理解

微前端不是一门具体的技术，而是一种架构理念。可以使用同一种技术栈开发所有微前端架构下的应用；也可以将不同技术栈的项目整合成一个项目去运行。（实现原理：当路由切换的时候，去下载对应应用的代码，然后跑在容器里。）

出现背景：

1. 单页面应用（SPA）是非常流行的项目形态之一，而随着时间的推移以及应用功能的丰富，单页应用变得不再单一而是越来越庞大也越来越难以维护，往往是改一处而动全身，由此带来的发版成本也越来越高。微前端的意义就是将这些庞大应用进行拆分，并随之解耦，每个部分可以单独进行维护和部署，提升效率。
2. 此外也可以利用微前端将旧的系统整合，在基本不修改逻辑的同时来同时兼容新老两套系统并行运行。

实现原理：

主应用和微应用；微应用和微应用之间的JS执行环境隔离（例如Vue和React都是对全局对象进行一些修改，可以采用沙箱机制对外部对象的访问和修改处在可控的范围内，通常需要结合with关键字和window.Proxy对象来实现浏览器端的沙箱。），CSS样式隔离（PostCSS插件，打包时添加特定前缀）

实现方法：

iframe嵌套：父应用单独是一个页面，每个子应用嵌套一个iframe；接入简单，天然隔离；但是通信比较麻烦，DOM割裂感比较严重，经典是弹窗问题（iframe较小弹窗也较小），前进后退需要特殊处理

qiankun（一个轻量级解决方案）：没有DOM限制，通信也简单；但是兼容性交叉