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

微前端学习（上）

news 2026/3/29 17:43:03

一、课程目标

  1. 微前端概念；
  2. 现有方案利弊；
  3. Single-spa实现原理；
  4. 掌握使用qiankun搭建微应用；

二、课程大纲

  1. 微前端背景
  2. 现在web应用面临的问题
  3. 微前端的价值
  4. 微前端应用具备哪些能力
  5. 微前端解决方案有哪些
  6. 基于qiankun的实践

1、微前端背景

2014年: Martin Fowler和James Lewis共同提出了 微服务 的概念。微服务是一种开发软件的架构和组织方法，其中软件由通过明确定义的API进行通信的 小型独立服务 组成。
微服务的主要思路是:

  • 将应用 分解 为小的、互相连接的微服务，一个微服务完成某个 特定功能。

  • 每个微服务都有自己的业务逻辑和适配器，不同的微服务，可以使用 不同的技术 去实现。

  • 使用 统一的网关 进行调用。
    由上可见微服务的主要思路是化繁为简，通过更加细致的划分，使得服务内部更加内聚，服务之间耦合性降低，有利于项目的团队开发和后期维护。把微服务的概念应用到前端，前端微服务/微前端服务 就诞生了，简称其为微前端。

    微前端的概念是由Thoughtworks在2016年提出的。
    2018年：第一个微前端工具 single-spa 在 github 开源。
    2019年：基于 single-spa 的 qiankun 问世。
    2020年: Module Federation(webpack5) 把项目中模块分

相关文章：

微前端学习（上）

一、课程目标 微前端概念；现有方案利弊；Single-spa实现原理；掌握使用qiankun搭建微应用；二、课程大纲 微前端背景现在web应用面临的问题微前端的价值微前端应用具备哪些能力微前端解决方案有哪些基于qiankun的实践1、微前端背景 2014年: Martin Fowler和James Lewis共同提…...

编程日记 2023/8/24 21:48:30

【Axure视频教程】标签版多选下拉列表

今天教大家在Axure里如何制作标签版多选下拉列表的原型模板，该模板用中继器制作，制作完成后使用也方便，只需要在中继器表格里维护选项信息，即可自动生成交互效果，包括显示隐藏选项列表，选中和取消选中选项&…...

编程日记 2023/8/24 21:47:28

Sharepoint2013必备软件安装路径

SP2013是最后一个有foundation版本的，后续各个版本都是server版，要买lisence。免费的可以用，但安装组件有些链接已经失效了，自己手动下载的路径备份一下，已经下载好的完整版，在文章最后可以直接下载&#x…...

编程日记 2023/8/24 21:46:26

C++day4（关系运算符的重载）

关系运算符重载的作用&#xff1a;可以让两个自定义类型对象进行对比操作。 代码实现关系运算符的重载&#xff1a; #include <iostream>using namespace std;class Person {// friend const Person operator(const Person &L, const Person &R); private:int …...

编程日记 2023/8/24 21:45:25

农业水价综合改革系统主要组成

一、系统概述 农业水价改革灌区信息化系统主要由感知采集层、网络传输层、系统应用层等部分组成。通过无线技术、感知层技术与新型应用的有效结合&#xff0c;可以用于各种业务的传送&#xff0c;充分满足灌区监测站间的物与物互联&#xff0c;农业生产的自动化和信息化相结合。…...

编程日记 2023/8/24 21:44:24

使用批处理文件(.bat)启动多个CMD窗口并执行命令

由于每次启动本机的mongodb和kafka&#xff0c;都需要进入相关目录进行启动&#xff0c;操作相对繁琐&#xff0c;于是想起了批处理来帮忙一键启动。 在桌面新建一个txt文件&#xff0c;改后缀名为.bat&#xff0c;并加上下面的代码。 cd /d D:\env-java\mongodb-win32-x86_64…...

编程日记 2023/8/24 21:43:23

开源项目-会议室预约管理系统

哈喽，大家好，今天给大家带来一个开源项目-会议室管理系统。项目基于SpringBoot+VUE开发。 会议室管理系统主要分为 前台会议室预约管理系统 和 会议室后台管理系统 两部分 前台会议室预约管理系统主要有申请会议室，预约进程，查看历史会议三部分 后台管理系统主要有会议室…...

编程日记 2023/8/24 21:42:21

Flask路由注册route的几种方式

前言 Flask路由注册的三种方式&#xff1a; app.routeapp.add_url_rule蓝图 app.route&#xff08;添加变量&#xff09; from flask import Flaskapp Flask(__name__) app.config.from_pyfile(config/base_setting.py) app.route("/") def hello():return "…...

编程日记 2023/8/24 21:41:21

Elasticsearch 查询之Function Score Query

前言 ES 的主查询评分模式分为两种&#xff0c;是信息检索领域的重要算法&#xff1a; TF-IDF 算法 和 BM25 算法。 Elasticsearch 从版本 5.0 开始引入了 BM25 算法作为默认的文档评分&#xff08;relevance scoring&#xff09;算法。在此之前&#xff0c;Elasticsearch 使…...

编程日记 2023/8/24 21:40:19

【3D激光SLAM】LOAM源代码解析--scanRegistration.cpp

系列文章目录 【3D激光SLAM】LOAM源代码解析–scanRegistration.cpp 【3D激光SLAM】LOAM源代码解析–laserOdometry.cpp 【3D激光SLAM】LOAM源代码解析–laserMapping.cpp 【3D激光SLAM】LOAM源代码解析–transformMaintenance.cpp 写在前面 本系列文章将对LOAM源代码进行讲解…...

编程日记 2023/8/24 21:39:18

解锁ChatGLM-6B的潜力：优化大语言模型训练，突破任务困难与答案解析难题

解锁ChatGLM-6B的潜力&#xff1a;优化大语言模型训练&#xff0c;突破任务困难与答案解析难题 LLM&#xff08;Large Language Model&#xff09;通常拥有大量的先验知识&#xff0c;使得其在许多自然语言处理任务上都有着不错的性能。 但&#xff0c;想要直接利用 LLM 完成…...

编程日记 2023/8/24 21:38:16

Apipost：提升API开发效率的利器

在数字化时代&#xff0c;API已经成为企业和开发者实现业务互通的关键工具。然而&#xff0c;API的开发、调试、文档编写以及测试等工作繁琐且复杂。Apipost为这一问题提供了完美的解决方案。 Apipost是一款专为API开发人员设计的协同研发平台&#xff0c;旨在简化API的生命周…...

编程日记 2023/8/24 21:37:15

论文解读：Image-Adaptive YOLO for Object Detection in Adverse Weather Conditions

发布时间&#xff1a;2022.4.4 (2021发布&#xff0c;进过多次修订) 论文地址&#xff1a;https://arxiv.org/pdf/2112.08088.pdf 项目地址&#xff1a;https://github.com/wenyyu/Image-Adaptive-YOLO 虽然基于深度学习的目标检测方法在传统数据集上取得了很好的结果&#xf…...

编程日记 2023/8/24 21:36:13

springboot 基于JAVA的动漫周边商城的设计与实现64n21

动漫周边商城分为二个模块&#xff0c;分别是管理员功能模块和用户功能模块。管理员功能模块包括&#xff1a;文章资讯、文章类型、动漫活动、动漫商品功能&#xff0c;用户功能模块包括&#xff1a;文章资讯、动漫活动、动漫商品、购物车&#xff0c;传统的管理方式对时间、地…...

编程日记 2023/8/24 21:35:12

uniapp - 全平台兼容实现上传图片带进度条功能，用户上传图像到服务器时显示上传进度条效果功能（一键复制源码，开箱即用）

效果图 uniapp小程序/h5网页/app实现上传图片并监听上传进度，显示进度条完整功能示例代码 一键复制，改下样式即可。 全部代码 记得改下样式，或直接...

编程日记 2023/8/24 21:34:11

第 7 章 排序算法(2)(冒泡排序)

7.5冒泡排序 7.5.1基本介绍 冒泡排序&#xff08;Bubble Sorting&#xff09;的基本思想是&#xff1a;通过对待排序序列从前向后&#xff08;从下标较小的元素开始&#xff09;,依次比较相邻元素的值&#xff0c;若发现逆序则交换&#xff0c;使值较大的元素逐渐从前移向后部…...

编程日记 2023/8/24 21:33:09

软件测试技术之可用性测试之WhatsApp Web

Tag&#xff1a;可行性测试、测试流程、结果分析、案例分析 WhatsApp是一款面向智能手机的网络通讯服务&#xff0c;它可以通过网络传送短信、图片、音频和视频。WhatsApp在全球范围内被广泛使用&#xff0c;是最受欢迎的即时聊天软件。 虽然&#xff0c;在电脑上使用WhatsAp…...

编程日记 2023/8/24 21:32:06

制作 Mikrotik CHR AWS AMI 镜像

文章目录 制作 Mikrotik RouterOS CHR AWS AMI 镜像前言前期准备配置 Access Key安装配置 AWS CLI创建 S3 bucket上传 Mikrotik CHR 镜像trust-policy配置role-policy 配置创建 AMI导入镜像查看导入进度导入进度查看注册镜像参考:制作 Mikrotik RouterOS CHR AWS AMI 镜像 前言…...

编程日记 2023/8/24 21:31:05

科技成果鉴定测试有什么意义?专业CMA、CNAS软件测评公司

科技成果鉴定测试是指通过一系列科学的实验和检测手段&#xff0c;对科技成果进行客观评价和鉴定的过程。通过测试&#xff0c;可以对科技成果的技术优劣进行评估&#xff0c;从而为科技创新提供参考和指导。 一、科技成果鉴定测试的意义 1、帮助客户了解科技产品的性能特点和…...

编程日记 2023/8/24 21:30:04

知识储备--基础算法篇-排序算法

1.知识--时间复杂度和空间复杂度 1.2时间复杂度 一个算法所花费的时间与其中语句的执行次数成正比例&#xff0c;算法中的基本操作的执行次数&#xff0c;为算法的时间复杂度。 1.3空间复杂度 空间复杂度不是程序占用了多少bytes的空间&#xff0c;空间复杂度算的是变量的个…...

编程日记 2023/8/24 21:29:03

BoltDB vs Redis 读性能对比：实测表现与原理差异

一、前言 BoltDB&#xff08;bbolt&#xff09;与 Redis 都是高并发场景下常见的键值存储&#xff0c;但存储架构、存储介质、并发模型完全不同&#xff0c;导致两者在读性能、延迟、并发扩展性上呈现巨大差异。 本文从原理、延迟、并发读能力、资源开销四个维度对比两者的读性…...

编程新知 2026/3/29 17:06:35

用Matlab/Simulink手把手教你设计交错式升压DC-DC转换器（附PI参数整定代码）

从零构建交错式升压DC-DC转换器的MATLAB实战指南 交错式升压拓扑正在新能源领域掀起一场静默革命——当电动汽车的电池管理系统需要稳定升压时&#xff0c;当光伏逆变器要处理不稳定的直流输入时&#xff0c;这种能显著降低电流纹波的结构已成为工程师的秘密武器。但理论图纸与…...

编程新知 2026/3/29 16:34:26

LLM4Decompile：用AI魔法让二进制代码重获新生！[特殊字符]

LLM4Decompile&#xff1a;用AI魔法让二进制代码重获新生&#xff01;&#x1f680; 【免费下载链接】LLM4Decompile LLM4Decompile是前端技术的革新之作&#xff0c;面向软件逆向工程领域的革命性工具。此开源项目利用大型语言模型深入二进制世界的奥秘&#xff0c;将复杂的机…...

编程新知 2026/3/29 13:38:57

查重率亮红灯反复修改,有哪些真正闭眼可入的的AI智能降重工具推荐？

毕业论文降重&#xff0c;核心在于语义优化 去AI痕迹 降低查重率&#xff0c;工具选择直接影响修改效率。推荐免费与付费工具结合使用&#xff0c;既能节省成本又保证效果。下面按中文、英文、免费/付费分类整理&#xff0c;附上实测效果与适用场景。 一、中文论文降重工具&a…...

编程新知 2026/3/29 13:20:36

C++的std--ranges缓存性能

C的std::ranges缓存性能探析 在现代C编程中&#xff0c;std::ranges作为C20引入的重要特性&#xff0c;为算法和视图操作提供了更简洁、高效的表达方式。其性能表现&#xff0c;尤其是缓存友好性&#xff0c;直接影响实际应用的效率。本文将从多个角度探讨std::ranges的缓存性…...

编程新知 2026/3/29 12:28:12

VRChat玩家必看：用批处理脚本一键把缓存从C盘挪到E盘（附config.json手动修改方法）

VRChat玩家自救指南&#xff1a;彻底解决C盘缓存爆满的终极方案 每次打开VRChat看到C盘剩余空间像倒计时一样减少&#xff0c;是不是感觉血压都上来了&#xff1f;作为一款以用户生成内容为核心的游戏&#xff0c;VRChat会不断下载并缓存其他玩家创建的虚拟形象、世界场景等资源…...

编程新知 2026/3/29 11:19:18

Python实战：出租车计费模拟器开发（附完整代码与测试用例）

Python实战&#xff1a;出租车计费模拟器开发&#xff08;附完整代码与测试用例&#xff09; 出租车计费系统是城市交通中不可或缺的一部分&#xff0c;而用Python模拟这一过程不仅能帮助初学者理解条件分支和输入输出处理&#xff0c;还能培养将现实问题转化为代码的思维能力。…...

编程新知 2026/3/29 10:51:03

RAG系统意图识别模块设计与实现思路

前言在RAG&#xff08;检索增强生成&#xff09;系统的实际应用中&#xff0c;我们经常会遇到一个问题&#xff1a;所有用户问题都走相同的检索-生成流程。这会导致闲聊问题浪费检索资源、分析型问题检索不足、操作型问题无法正确处理等一系列问题。本文将介绍如何在RAG系统中加…...

编程新知 2026/3/29 10:40:59

语音转文字工具推荐：FireRedASR Pro实测，识别准确率超高

语音转文字工具推荐&#xff1a;FireRedASR Pro实测&#xff0c;识别准确率超高 1. 为什么我们需要专业的语音转文字工具&#xff1f; 在日常工作和学习中&#xff0c;语音转文字的需求无处不在。从会议记录到采访整理&#xff0c;从课程笔记到灵感记录&#xff0c;手动转录不…...

编程新知 2026/3/29 9:20:02

别再让串口指示灯‘瞎闪’了！手把手教你用LM358运放做个‘聪明’的LED驱动电路

别再让串口指示灯‘瞎闪’了&#xff01;手把手教你用LM358运放做个‘聪明’的LED驱动电路 调试串口通信时&#xff0c;最让人头疼的莫过于那些"瞎闪"的指示灯——波特率一高&#xff0c;LED就像得了癫痫&#xff0c;微弱的光斑根本分不清是发送还是接收。我曾在一个…...

编程新知 2026/3/29 7:55:32