J-DuYa / DY-Book

迁移知识点
2 stars 1 forks source link

微前端整体解析 #23

Open J-DuYa opened 9 months ago

J-DuYa commented 9 months ago

先布置一下目录,之后慢慢补充

1. 什么是微前端?

微前端是一个用于构建现代前端应用的架构思想。用于解决传统的单体应用随着规模的变大,导致项目复杂度变高和难以维护的问题。

2. 核心原理

微前端这种架构思想,将单体项目拆分成多个独立的、小型的子应用。每个子应用之间的生态、框架和版本可以互不相同(也可以相同)。它们可以根据自己的业务需求和公司情况,划分给不同的团队以及不同的开发者进行开发、测试、部署和维护。

微前端的核心原理是主应用作为容器,各个子应用可以插入到容器之中。主应用负责提供标签容器供子应用插入,同时也提供路由控制、状态管理(公共状态,如账户信息、权限等)以及通信(globalstate),子应用负责自己业务逻辑实现。

3. 现在有哪些实现框架

3.1 iframe

3.1.1 优点

3.1.2 缺点

3.2 single-spa

3.2.1 代码实现

3.2.2 优点

3.2.3 缺点

3.3 qiankun

3.3.1 代码实现

3.3.2 原理解析

3.3.3 源码解析

  1. 沙箱机制 1.1 js 沙箱 1.2 css 沙箱
  2. 全局状态 - global-state

    3.3.4 优点

    3.3.5 缺点

4. 以什么为边界,来划分微前端项目?

4.1 业务横向和纵向角度

4.2 DDD(领域驱动设计)

5. 总结