【完结14章】从0到1落地微前端架构， MicroApp实战招聘网站（附电子书）



微前端是一种架构风格，旨在通过将前端应用程序拆分为更小、更可管理的部分，使多个团队能够独立开发、部署和维护这些部分，从而实现前端的可扩展性和可维护性。
  MicroApp框架是京东出品的一种用于构建微前端架构的开源框架，旨在帮助开发者更好地构建和管理复杂的前端应用程序。


  京东MicroApp框架具有以下特点和功能：
轻量级：框架本身体积小，加载速度快，不会给应用程序带来额外的负担。
插件化：支持插件机制，可以根据需要灵活添加和扩展功能。
组件化：采用组件化的开发模式，方便开发者进行模块化开发和复用。
独立部署：每个MicroApp都可以独立部署和运行，支持单独开发和测试。
路由管理：提供路由管理功能，支持子应用之间的路由跳转和通信。
状态管理：提供状态管理机制，允许不同子应用之间共享数据和状态。
样式隔离：采用样式隔离的方式，确保每个子应用之间的样式不会相互干扰。


微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活。


微前端的出现主要是为了解决了两个问题：


1、随着项目迭代应用越来越庞大，难以维护。


2、跨团队或跨部门协作开发项目导致效率低下的问题。


micro-app 是借鉴了 Web Component 的思想，通过 Custom Element 结合自定义的 Shadow Dom，将微前端封装成一个类 Web Component 组件，从而实现微前端的组件化渲染。并且由于自定义 Shadow Dom 的隔离特性，micro-app 不需要像 single-spa 和 qiankun 一样要求子应用修改渲染逻辑并暴露出方法，也不需要修改 Webpack 配置，是目前市面上接入微前端成本最低的方案。