主体流程图 初始化子应用 通过fetch + url 获取子应用的html 处理html文本，获取css 和js的资源地址 通过fetch获取子应用的静态资源 将处理过的html放入webCompon

同一个域名下通过一级路由进行区分，实现多项目共享同一个域，实现主程序与非主程序项目的分离，进而达到减少主程序更新次数吗，优化生成环境用户体验

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等不同项目，它之间的 JS、C

用过微前端的人，可能会遇到这样一个情况，在一个模块开发好一个功能，突然因为某个需求，需要在另外一个模块使用这个功能，但是开发这个功能的人没有把这个功能封装成组件，我们就没办法在其他模块使用这个功能了。

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架！

公司做了两年多的项目，已经算是个巨石应用了。整个项目中包含了好几个相对独立的功能模块，之前都是独立分布在各个后台管理系统中，现在揉合到了一个项目里，苦它久矣！

什么是微前端 微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融

前言 MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。

qiankun框架为了实现js隔离，提供了三种不同场景使用的沙箱，分别是 snapshotSandbox、proxySandbox、legacySandbox。 从名字上我们可以理解快照就是给你着一张相片，来记录你此刻的状态。qiankun的快照沙箱是基于diff来实现的，主要…