微前端框架之乾坤【qiankun】(一)

news/2024/9/24 13:57:14/

        先上背景,新入职一家公司,公司使用到了这个框架,学习一番,要求很低,让自己能够在这个业务线正常的开发。

        学习第一步,看官网。给您贴一下官网地址,开心贴贴。

        什么是微前端:抄一下,如下:

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

        英文好的可以再看一下:

Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends

        微前端架构旨在解决单体应用在一个相对长的时间跨度下,由于参与的人员、团队的增多、变迁,从一个普通应用演变成一个巨石应用(Frontend Monolith)后,随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。

        读到这里就知道,能用这个框架的都不是小项目了,最起码要有一定的规模,才用得上这个框架。

特性和优势:

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

好了,不闲扯了,下面开始正式学习。


http://www.ppmy.cn/news/1529845.html

相关文章

【百日算法计划】:每日一题,见证成长(017)

题目 用栈来实现队列 思路1 入队直接入&#xff0c;出队用两个栈来回倒腾。 static class StackToQueue{Stack<Integer> stack new Stack<>();Stack<Integer> tmpStack new Stack<>(); //临时栈public StackToQueue(){}//入队 直接入public void…

数据结构之——单链表

一、单链表概述 单链表是一种链式存取的数据结构&#xff0c;在计算机科学中有着广泛的应用。它由一系列节点组成&#xff0c;每个节点包含两个主要部分&#xff1a;数据域和指针域。 数据域用于存储节点的数据元素&#xff0c;其类型可以根据具体的应用需求进行定义。例如&a…

专利管理系统如何高效实现五书转档为XML?

在专利管理领域&#xff0c;五书&#xff08;申请书、说明书、权利要求书、附图说明、摘要&#xff09;转档为XML格式是一项至关重要的工作。XML&#xff08;可扩展标记语言&#xff09;具有良好的结构性、扩展性和数据交换性。将五书转换为XML格式能够方便专利数据在不同系统之…

面试金典题2.4

给你一个链表的头节点 head 和一个特定值 x &#xff0c;请你对链表进行分隔&#xff0c;使得所有 小于 x 的节点都出现在 大于或等于 x 的节点之前。 你不需要 保留 每个分区中各节点的初始相对位置。 示例 1&#xff1a; 输入&#xff1a;head [1,4,3,2,5,2], x 3 输出&a…

从零开始:打造你的个人AI试衣间

从零开始&#xff1a;打造你的个人AI试衣间 你是不是想做一个炫酷的项目&#xff0c;却不知道从哪开始&#xff1f;别担心&#xff01;今天我将带你从零到一&#xff0c;亲手打造一个AI试衣应用。在这个项目中&#xff0c;我们将调用阿里云的AI接口&#xff0c;利用Flask框架创…

31. RabbitMQ顺序消费

1. 前言 上个小节中我们介绍了 RabbitMQ 中如何防止消息丢失,即保证消息发送的 At Least Once 性质,除此之外,如何防止消息被重复消费,即保证消息消费的 Exactly Once 性质,也是业务逻辑中需要考虑的问题。 2. 消息消费顺序 面试官提问:业务中使用了 RabbitMQ 消息队列…

C++20 std::format

一、前言 1、传统 C 格式化的问题与挑战 可读性差&#xff1a;使用 C 中的 printf 和 scanf 家族函数进行格式化输出和输入时&#xff0c;它们的语法较为复杂&#xff0c;难以阅读。在较大的代码项目中&#xff0c;可读性差会导致维护困难。类型安全性差&#xff1a;printf 和…

spark之不同序列化对比

一&#xff0c;spark的rdd的序列话不同介绍 下面是使用不同序列化后的占用资源和数据大小 2&#xff0c;sparksql中序列化的区别 sparksql中使用序列化和不使用差别不大&#xff0c;英文sparksql中默认使用了encode自己实现的序列化方法&#xff0c;加上与不加序列化差别不大…