微前端（qiankun）
创始人
2024-11-15 22:42:42
0次

微前端

特点：独立开发、独立部署，独立运行，增量升级
解决的问题：日常开发过程中，可能有很多老项目需要迭代，但是可能新的一些可能需要使用的依赖或者新的一些框架，老项目已经不满足，那么这时候我们的微前端可以很好的解决这个问题，因为每一个功能对于微前端来说都是一个新的项目，不会影响老项目，有效的让老项目更好的迭代下去。

为什么不使用iframe

  1. url 不同步。浏览器刷新 iframe url 状态丢失、后退前进按钮无法使用。
  2. UI 不同步，DOM 结构不共享。想象一下屏幕右下角 1/4 的 iframe 里来一个带遮罩层的弹框，同时我们要求这个弹框要浏览器居中显示，还要浏览器 resize 时自动居中…
  3. 全局上下文完全隔离，内存变量不共享。iframe 内外系统的通信、数据同步等需求，主应用的 cookie 要透传到根域名都不同的子应用中实现免登效果。
  4. 慢。每次子应用进入都是一次浏览器上下文重建、资源重新加载的过程

qiankun

特点：简单，易上手，不排斥技术栈，能很好的接入React/Vue/Angular/JQuery等框架

特性

  1. 基于 single-spa 封装，提供了更加开箱即用的 API。
  2. 技术栈无关，任意技术栈的应用均可 使用/接入，不论是 React/Vue/Angular/JQuery 还是其他等框架。
  3. HTML Entry 接入方式，让你接入微应用像使用 iframe 一样简单。
  4. 样式隔离，确保微应用之间样式互相不干扰。
  5. JS 沙箱，确保微应用之间 全局变量/事件 不冲突。
  6. 资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度。
  7. umi 插件，提供了 @umijs/plugin-qiankun 供 umi 应用一键切换成微前端架构系统。

上一篇：记录使用FlinkSql进行实时工作流开发

下一篇：帝国企业站模板：小企业老板的爱恨情仇，复杂设置与专业设计的较量

相关内容

热门资讯

秒懂教程“微信上玩炸金花详细教... 新西游牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡...
有没有金花房卡获取方式/微信链... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来享...
ia实测“微信金花房卡到哪里买... 人皇大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来...
微信炸金花房卡到哪里买/微信怎... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡...
炸金花房卡链接怎么买/微信怎样... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡来享受...
ia实测“微信怎样开炸金花房间... 乐酷副厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...
秒懂教程“微信炸金花房间房卡在... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡...
购买金花房卡联系方式/微信炸金... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡...
终于找到“金花客服代理房卡获取... 新全游牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡...
可以开房炸金花微信房卡/微信金... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来享...
正版授权“微信斗牛房卡如何购买... 微信斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡来...
微信金花房卡链接使用方法/微信... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来享受...
正版授权“哪里有卖微信炸金花房... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡...
房卡必备教程“牛牛金花房卡链接... 人皇大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡来...
炸金花微信建群自己开房卡/微信... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡...
秒懂教程“微信金花房卡怎样购买... 新天道是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡来享...
房卡必备教程“玩链接牛牛金花房... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来享...
微信链接牛牛房卡怎么弄/微信牛... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来享...
微信牛牛链接怎么制作/微信牛牛... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来享受...
一分钟了解“微信炸金花房间房卡... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡...