当前位置： 首页 > news >正文

微前端框架 qiankun

news 2026/4/2 13:17:30

前言

qiankun是一个基于single-spa的微前端实现库，帮助你构建一个生产可用的微前端架构系统。qiankun支持多种技术栈的微应用接入，提供了简单、解耦、技术栈无关、独立开发、独立运行、增量升级、样式隔离、资源预加载等特性，以及umi插件一键切换。

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构具备以下几个核心价值：

  • 技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权
  • 独立开发、独立部署：微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新
  • 增量升级：在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略
  • 独立运行时：每个微应用之间状态隔离，运行时状态不共享

qiankun的优点有：

  • 基于single-spa封装，提供了更加开箱即用的API
  • HTML Entry接入方式，让你接入微应用像使用iframe一样简单
  • 样式隔离，确保微应用之间样式互相不干扰
  • JS沙箱，确保微应用之间全局变量/事件不冲突
  • 资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度
  • umi插件，提供了@umijs/plugin-qiankun供umi应用一键切换成微前端架构系统

qiankun的缺点有：

  • 需要主应用提供一些生命周期钩子，以便qiankun能够正确地加载和卸载微应用
  • 需要微应用遵循一些约定，如导出生命周期函数，不污染全局变量，使用正确的publicPath等
  • 需要处理好微应用之间的通信和依赖，避免出现耦合和冲突的情况
  • 需要考虑浏览器的兼容性和性能问题，尤其是在使用沙箱和预加载功能时

相关文章：

微前端框架 qiankun

前言 qiankun是一个基于single-spa的微前端实现库，帮助你构建一个生产可用的微前端架构系统。qiankun支持多种技术栈的微应用接入，提供了简单、解耦、技术栈无关、独立开发、独立运行、增量升级、样式隔离、资源预加载等特性，以及umi插件一键…...

编程日记 2023/12/3 5:50:59

降序子数组最大和算法分析

题目描述&#xff1a; Description 给你一个正整数组成的数组 nums &#xff0c;返回 nums 中一个 降序 子数组的最大可能元素和。子数组是数组中的一个连续数字序列。 已知子数组[numsl​,numsl1​,...,numsr−1​,numsr​]&#xff0c;若对所有 i&#xff08;l < i <…...

编程日记 2023/12/3 5:47:56

Kafka常见面试题

如何防止消息丢失&#xff1f; 发送端&#xff1a;ack设置为-1或副本数&#xff0c;默认副本全部同步才会认为发送成功 接收端&#xff1a;对接收到的数据进行备份&#xff0c;定期进行检查对执行失败的数据重新执行&#xff1b;选择手动提交offset&#xff0c;对执行失败的数据…...

编程日记 2023/12/3 5:45:54

rman SBT_TAPE NFS disk 模拟NBU带库 FRA

-----------------rman 将本地磁盘变成磁带----------------------------------- ##RAC 本地 /nfs----两个备份策略 clustern run { allocate channel ch00 device type SBT_TAPE PARMS"SBT_LIBRARYoracle.disksbt, ENV(BACKUP_DIR/nfs)"; backup recove…...

编程日记 2023/12/3 5:44:53

物理世界中的等距3D对抗样本

论文题目&#xff1a;Isometric 3D Adversarial Examples in the Physical World 会议&#xff1a;NIPS 2022 点云&#xff1a; 点云——表达目标空间分布和目标表面特性的海量点集合&#xff0c;点包含xyz坐标信息 能够包含颜色等其他信息 使用顶点、边和面的数据表征的三维…...

编程日记 2023/12/3 5:41:51

解决vue3项目打包发布到服务器后访问页面显示空白问题

1.在 vite.config.ts 文件中 加入 base:./ 当你将 base 设置为 / 时&#xff0c;它表示你的应用程序将部署在服务器的根路径上&#xff0c;&#xff08;将 base 设置为 / 表示你的应用程序部署在服务器的根路径上&#xff0c;并且 Vite 会相应地处理资源和路由的路径…...

编程日记 2023/12/3 5:40:50

什么是SMTP服务器？如何配置？

SMTP服务器是一种专门用于发送电子邮件的互联网服务器。SMTP&#xff08;Simple Mail Transfer Protocol&#xff0c;简单邮件传输协议&#xff09;是一种用于电子邮件传输的标准互联网协议。这些服务器充当电子邮件的“邮递员”&#xff0c;负责将发出的邮件从发送者传输到接收…...

编程日记 2023/12/3 5:39:49

el-tabel实现拖拽排序

1、使用npm安装sortableJs插件 npm install sortablejs --save2、在需要使用的页面进行引入 import Sortable from sortablejs3、表格拖拽排序完整代码 <template><div class"home"><el-table :data"tableData" style"width: 100%&…...

编程日记 2023/12/3 5:38:48

设计模式-结构型模式之适配器设计模式

文章目录 一、结构型设计模式二、适配器模式 一、结构型设计模式 这篇文章我们来讲解下结构型设计模式&#xff0c;结构型设计模式&#xff0c;主要处理类或对象的组合关系&#xff0c;为如何设计类以形成更大的结构提供指南。 结构型设计模式包括&#xff1a;适配器模式&…...

编程日记 2023/12/3 5:37:48

Android 中的权限

关于作者&#xff1a;CSDN内容合伙人、技术专家&#xff0c; 从零开始做日活千万级APP。 专注于分享各领域原创系列文章 &#xff0c;擅长java后端、移动开发、商业变现、人工智能等&#xff0c;希望大家多多支持。 目录 一、导读二、概览三、权限分类3.1 安装时权限3.2 运行时…...

编程日记 2023/12/3 5:34:45

【java智慧工地源码】智慧工地物联网云平台，实现现场各类工况数据采集、存储、分析与应用

“智慧工地整体方案”以智慧工地物联网云平台为核心&#xff0c;基于智慧工地物联网云平台与现场多个子系统的互联&#xff0c;实现现场各类工况数据采集、存储、分析与应用。通过接入智慧工地物联网云平台的多个子系统板块&#xff0c;根据现场管理实际需求灵活组合&#xff0…...

编程日记 2023/12/3 5:32:43

oracle 19c rac 安装手册

oracle 19c rac 安装手册 官方文档：https://docs.oracle.com/en/database/oracle/oracle-database/19/index.html 一、集群规划 再部署集群之前，需要对网络和存储两个方面进行规划。下面简述了网络和存储两个方面需要注意的地方。 Oracle RAC 数据库私有网络通信必须使用单…...

编程日记 2023/12/3 5:29:40

sqlMap

url&#xff1a;https://sqlmap.org/ git&#xff1a;https://github.com/sqlmapproject/sqlmap.git git中文&#xff1a;https://github.com/sqlmapproject/sqlmap/blob/master/doc/translations/README-zh-CN.md use url&#xff1a;https://github.com/sqlmapproject/sqlmap…...

编程日记 2023/12/3 5:28:39

蓝桥杯每日一题2023.12.2

题目描述 蓝桥杯大赛历届真题 - C 语言 B 组 - 蓝桥云课 (lanqiao.cn) 题目分析 答案&#xff1a;3598180 由题目分析可以知道&#xff0c;给小明发的牌一共有13种类型&#xff0c;每种类型的牌一共有四张。对于每种牌&#xff0c;我们都有5种选择&#xff0c;不拿、拿一张、…...

编程日记 2023/12/3 5:27:38

【计算机网络学习之路】序列化，反序列化和初识协议

文章目录 前言一. 序列化和反序列化1.自己实现2. JSON 二. 初识协议结束语 前言 本系列文章是计算机网络学习的笔记&#xff0c;欢迎大佬们阅读&#xff0c;纠错&#xff0c;分享相关知识。希望可以与你共同进步。 本篇博文正式开始应用层的学习&#xff0c;首先讲解应用层的…...

编程日记 2023/12/3 5:26:37

亚马逊云科技推出新一代自研芯片

北京——2023 年12月1日 亚马逊云科技在2023 re:Invent全球大会上宣布其自研芯片家族的两个系列推出新一代&#xff0c;包括Amazon Graviton4和Amazon Trainium2&#xff0c;为机器学习&#xff08;ML&#xff09;训练和生成式人工智能&#xff08;AI&#xff09;应用等广泛的工…...

编程日记 2023/12/3 5:24:35

VIT总结

关于transformer、VIT和Swin T的总结 1.transformer 1.1.注意力机制 An attention function can be described as mapping a query and a set of key-value pairs to an output, where the query, keys, values, and output are all vectors. The output is computed as a wei…...

编程日记 2023/12/3 5:22:33

C++11——initializer_list

initializer_list的简介 initializer_list是C11新出的一个类型&#xff0c;正如类型的简介所说&#xff0c;initializer_list一般用于作为构造函数的参数&#xff0c;来让我们更方便赋值 但是光看这些&#xff0c;我们还是不知道initializer_list到底是个什么类型&#xff0c;…...

编程日记 2023/12/3 5:21:32

数学字体 Mathematical fonts

Mathematical fonts 数学字体&#xff1a; ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzRQSZ \\ \mathcal{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzRQSZ} \\ \mathfrak{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzRQSZ} \\ \mathbb{ABC…...

编程日记 2023/12/3 5:20:31

Python简单模拟蓝牙车钥匙协议

本文设计一个简单的蓝牙车钥匙协议&#xff0c;协议包含DH密钥协商和基于RSA的身份认证功能&#xff0c;以及防重放与消息完整性验证。 1. 密钥协商过程: - 设定 DH 参数&#xff1a;素数 p 和生成元 g。 - 发送方&#xff08;Alice&#xff09;生成 DH 的私钥 a 并计算公钥 A…...

编程日记 2023/12/3 5:19:30

CSDN首页发布文章基于Min-Max-Max-Min四层优化架构的多能源系统日前-实时两阶段鲁棒调度模型，结合了Wasserstein分布鲁棒优化(DRO)和CVaR风险管理，用于求解含高比例

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…...

编程新知 2026/4/2 13:16:27

2026指纹浏览器技术升级：从环境隔离到风控对抗

2026 年&#xff0c;互联网平台的风控技术迎来质的飞跃&#xff0c;传统的 “IP 切换”“参数修改” 已无法应对多维度的检测体系。指纹浏览器作为多账号运营的核心支撑&#xff0c;其技术迭代速度远超以往 —— 从简单的参数修改&#xff0c;到内核级虚拟化&#xff1b;从单一…...

编程新知 2026/4/2 12:40:06

【实战篇】Nginx核心配置与性能优化全攻略

1. Nginx基础配置快速上手 第一次接触Nginx时&#xff0c;我被它简洁的配置文件结构惊艳到了。相比其他Web服务器动辄几百行的配置&#xff0c;Nginx的配置文件就像一份精心设计的菜谱&#xff0c;每个指令都恰到好处。先带大家看看最基本的配置结构&#xff1a; # 全局块 user…...

编程新知 2026/4/2 11:30:43

终极指南：3步为Windows 11 LTSC系统快速安装微软商店

终极指南&#xff1a;3步为Windows 11 LTSC系统快速安装微软商店 【免费下载链接】LTSC-Add-MicrosoftStore Add Windows Store to Windows 11 24H2 LTSC 项目地址: https://gitcode.com/gh_mirrors/ltscad/LTSC-Add-MicrosoftStore Windows 11 LTSC&#xff08;长期服务…...

编程新知 2026/4/2 10:21:59

Qwen-Image镜像快速入门：手把手教你用RTX4090D搭建多模态AI开发环境

Qwen-Image镜像快速入门&#xff1a;手把手教你用RTX4090D搭建多模态AI开发环境 1. 开篇&#xff1a;为什么选择Qwen-Image镜像&#xff1f; 如果你正在寻找一个开箱即用的多模态AI开发环境&#xff0c;特别是针对RTX 4090D显卡优化的大模型推理方案&#xff0c;那么Qwen-Ima…...

编程新知 2026/4/2 8:44:11

Android 15 音频子系统（八）：Audio HAL 与硬件接口——音频数据的最后一公里

引言：最后一公里的旅程 如果把 Android 音频系统比作一条物流网络，那么 AudioFlinger 是"中央分拣中心"，AudioPolicy 是"路由规划师"，而 Audio HAL（Hardware Abstraction Layer）就是最终把包裹送到用户手里的"快递员"。 前几篇我们聊了 …...

编程新知 2026/4/2 8:24:04

SEM优化和SEO优化的成本是多少_SEM优化和SEO优化的未来展望如何

SEM优化和SEO优化的成本是多少 在当今数字化营销的时代&#xff0c;SEM&#xff08;搜索引擎营销&#xff09;和SEO&#xff08;搜索引擎优化&#xff09;已经成为企业获取在线流量的两大关键手段。许多企业在投入这些优化策略时&#xff0c;往往会对其成本产生疑虑。本文将深…...

编程新知 2026/4/2 7:45:23

IndexTTS2 V23应用案例：打造智能客服语音，让机器说话更有人情味

IndexTTS2 V23应用案例&#xff1a;打造智能客服语音&#xff0c;让机器说话更有人情味 1. 为什么智能客服需要情感语音&#xff1f; 在当今的客户服务场景中&#xff0c;冰冷的机械语音正在被市场淘汰。研究表明&#xff0c;带有适当情感的语音交互能显著提升用户体验&#…...

编程新知 2026/4/2 7:41:17

STM32H743+CubeMX配置FDCAN实战：如何利用TxFIFO优化FreeRTOS下的CAN通信性能？

STM32H743CubeMX配置FDCAN实战&#xff1a;如何利用TxFIFO优化FreeRTOS下的CAN通信性能&#xff1f; 在嵌入式系统开发中&#xff0c;CAN总线因其高可靠性和实时性被广泛应用于工业控制、汽车电子等领域。当我们将目光投向STM32H743这类高性能微控制器时&#xff0c;其内置的FD…...

编程新知 2026/4/2 6:24:29

MySQL 5.7.32 Online DDL避坑指南：如何避免主从延迟和锁等待？

MySQL 5.7.32 Online DDL实战避坑&#xff1a;高并发场景下的零停机表结构变更策略 在数据库运维的日常工作中&#xff0c;表结构变更&#xff08;DDL&#xff09;操作总是让人又爱又恨。特别是当面对千万级数据表时&#xff0c;一个简单的ALTER TABLE操作就可能引发连锁反应—…...

编程新知 2026/4/2 6:16:27