介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。MicroApp无关技术栈，也不和业务绑定，可以用于任何前端框架。源码地址：https://github.com/micro-zoe/micro-app官网地址：https://micro-zoe.github.io/micro-app微前端是一种页面整合方案，它的核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。MicroApp无关技术栈，也不和业务绑定，可以用于任何前端框架。源码地址：https://github.com/micro-zoe/micro-app官网地址：https://micro-zoe.github.io/micro-app微前端是一种页面整合方案，它的核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用

前言：本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用antDesign的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用微前端来完成本次需求，最终决定用react搭建一个基座（主应用），将原来的vue项目接入到基座，这样我们不仅实现了新页面react开发，而且老项目也能和新项目融合一起。微前端的概念什么是微前端？微前端是借鉴了微服务的架构理念，它既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，

目录什么是微前端？使用场景microApp介绍概念图micorApp的优势microApp项目的应用基座基座路由子应用react项目中路由位置进行使用跨域的问题react项目中跨域vue项目中跨域micorApp基础介绍micorApp传值（重要）基座—>子应用发送数据子应用获取—>基座数据子应用—>基座发送数据基座获取—>子应用数据全局数据通信 接收数据JS沙箱注意：解决方式：样式隔离所有应用中禁用样式在某个应用里禁止在某个文件里禁用在某一行禁用元素隔离预加载使用方式插件系统官方定义个人理解适用场景使用方式例子子午线埋点插件什么是微前端？微前端是一种类似于微服务的架构，是一种由独立交付的多个