# 总方针:是什么?从哪里来?要到哪里去?
# 一. 是什么?
# 为什么选择 qiankun
根据当前的项目需求,需要根据不同的项目单独部署上线某个子系统;
目前有 2 种方案可以选择:
iframe
方案qiankun
微前端方案
1.1 、 iframe 有哪些优劣
它的好处有哪些?
- 自带样式
- 沙盒机制(环境隔离)
- 前端之间可以相互独立运行
那我们为什么没有使用 iFrame 做微前端呢?
- CSS 问题(视窗大小不同步)
- 子应用通信(使用 postMessage 并不友好)
- 组件不能共享
- 使用创建 iframe,可能会对性能或者内存造成影响
1.2 、 qiankun 有哪些优劣
上层为统一共享的拼接层,主要做一些基础信息的加载,和对来自不同团队不同技术栈的客户端在运行时动态组成一个完整的SPA应用, 以及生命周期的调度和事件的管理。总之,微前端是将微服务概念做了一个很好的延伸和实现。
技术细节上的决策
技术无关,路由及应用导入,应用隔离,资源及通信
技术无关:基于协议 ,完成子应用的导入 像jQuery,dom增强的一个库,不加限制,用的时候直接用就可以
路由及应用导入:方便
应用隔离:css module
# 二. 从哪里来?
来源于single-spa, 旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
# 什么是js 沙箱(sandbox)
# 推荐的官方文档
如何设计实现微前端框架 - qiankun (opens new window)
微前端 qiankun 从搭建到部署的实践 (opens new window)
详细解析微前端、微前端框架 qiankun 以及源码 (opens new window)
微前端框架 qiankun 项目实战(一)--本地开发篇 (opens new window)
微前端框架 qiankun 项目实战(二)--踩坑与部署篇 (opens new window)
vue-qiankun 公司微前端项稳定目落地后的简单总结 (opens new window)
从微服务到微前端:浅谈微前端的设计思想 (opens new window)
基于 qiankun 落地部署微前端爬”坑“记 (opens new window)
基于 qiankun 的微前端应用实践 (opens new window)
微前端在小米 CRM 系统的实践 (opens new window)
可能是你见过最完善的微前端解决方案 (opens new window)
微前端在美团外卖的实践 (opens new window)
qiankun 微前端方案实践及总结 (opens new window)
每日优鲜供应链前端团队微前端改造 (opens new window)
前端微服务在字节跳动的打磨与应用 (opens new window)
标准微前端架构在蚂蚁的落地实践 (opens new window)
Micro Frontends (opens new window)
手写一个微前端框架(内含源码地址) (opens new window)