当前位置: 首页 > article >正文

前端-微前端

实现方式:
(1)微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web应用的技术手段及方法策略。
(2)微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用,这样才能确保微应用真正具备独立开发、独立运行的能力
在这里插入图片描述
二、特性
(1)技术栈无关 主框架不限制接入应用的技术栈,子应用可自主选择技术栈
(2)独立开发/部署 各个团队之间仓库独立,单独部署,互不依赖
(3)增量升级 当一个应用庞大之后,技术升级或重构相当麻烦,而微应用具备渐进式升级的特性
(4)独立运行时 微应用之间运行时互不依赖,有独立的状态管理
(5)提升效率 应用越庞大,越难以维护,协作效率越低下。微应用可以很好拆分,提升效率

三、方案
1、基于iframe完全隔离的方案
优点: 非常简单,无需任何改造
完美隔离,JS、CSS 都是独立的运行环境
不限制使用,页面上可以放多个 iframe 来组合业
缺点: 无法保持路由状态,刷新后路由状态就丢失
完全的隔离导致与子应用的交互变得极其困难,只能采用postMessage方式。
iframe 中的弹窗无法突破其本身
整个应用全量资源加载,加载太慢

2、基于 single-spa 路由劫持方案
single-spa 是社区公认的主流方案,可以基于它做二次开发。
通过劫持路由的方式来做子应用之间的切换,但接入方式需要融合自身的路由,有一定的局限性

3、阿里 qiankun
4、京东 micro-app 方案


http://www.kler.cn/a/4645.html

相关文章:

  • Oracle Dataguard(主库为双节点集群)配置详解(5):将主库复制到备库并启动同步
  • Android string.xml中特殊字符转义
  • 【ArcGIS初学】产生随机点计算混淆矩阵
  • RabbitMQ故障全解析:消费、消息及日常报错处理与集群修复
  • 56_多级缓存实现
  • 超简单,使用Kube-Vip实现K8s高可用VIP详细教程
  • 嵌入式课程实现Linux操作系统LVGL移植操作
  • 物联网的边缘计算利器:Thingboard Edge
  • 一位年薪35W的测试被开除,回怼的一番话,令人沉思
  • 【机器学习】逻辑回归(非常详细)
  • Python办公自动化之处理文件与文件夹
  • 高效率工作方法
  • 高斯混合模型 GMM 的详细解释
  • 华为OD机试题,用 Java 解【通信误码】问题 | 含解题说明
  • 史上最全零拷贝总结
  • 银行数字化转型导师坚鹏:银行行长如何进行数字化转型
  • Linux chown 命令
  • 基于springboot学生信息管理系统
  • 系统分析师每日练习错题知识点2
  • 面试时被问:为什么裁员只裁你,不裁别人,该怎么回答?
  • 【华为OD机试 2023最新 】 农场施肥(C++ 100%)
  • 六. MySQL 索引失效与索引优化案例
  • 五.ElasticSearch的基础+实战
  • 从零开始学JAVA(05):面向对象编程--03
  • Java设计模式
  • ChatGPT使用案例之画思维导图