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

微前端学习（上）

news 2026/2/8 12:43:26

一、课程目标

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

二、课程大纲

微前端背景
现在web应用面临的问题
微前端的价值
微前端应用具备哪些能力
微前端解决方案有哪些
基于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（关系运算符的重载）

关系运算符重载的作用：可以让两个自定义类型对象进行对比操作。代码实现关系运算符的重载： #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

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

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

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

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

由于每次启动本机的mongodb和kafka，都需要进入相关目录进行启动，操作相对繁琐，于是想起了批处理来帮忙一键启动。在桌面新建一个txt文件，改后缀名为.bat，并加上下面的代码。 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路由注册的三种方式： app.routeapp.add_url_rule蓝图 app.route（添加变量） 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 的主查询评分模式分为两种，是信息检索领域的重要算法： TF-IDF 算法和 BM25 算法。 Elasticsearch 从版本 5.0 开始引入了 BM25 算法作为默认的文档评分（relevance scoring）算法。在此之前，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的潜力：优化大语言模型训练，突破任务困难与答案解析难题 LLM（Large Language Model）通常拥有大量的先验知识，使得其在许多自然语言处理任务上都有着不错的性能。但，想要直接利用 LLM 完成…...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tag：可行性测试、测试流程、结果分析、案例分析 WhatsApp是一款面向智能手机的网络通讯服务，它可以通过网络传送短信、图片、音频和视频。WhatsApp在全球范围内被广泛使用，是最受欢迎的即时聊天软件。虽然，在电脑上使用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软件测评公司

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

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

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

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

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

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石，设计模式在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类：一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/12/14 20:57:41

服务器硬防的应用场景都有哪些？

服务器硬防是指一种通过硬件设备层面的安全措施来防御服务器系统受到网络攻击的方式，避免服务器受到各种恶意攻击和网络威胁，那么，服务器硬防通常都会应用在哪些场景当中呢？ 硬防服务器中一般会配备入侵检测系统和预防系统&#x…...

编程新知 2025/11/9 19:17:07

MMaDA: Multimodal Large Diffusion Language Models

CODE ： https://github.com/Gen-Verse/MMaDA Abstract 我们介绍了一种新型的多模态扩散基础模型MMaDA，它被设计用于在文本推理、多模态理解和文本到图像生成等不同领域实现卓越的性能。该方法的特点是三个关键创新:(i) MMaDA采用统一的扩散架构&#xf…...

编程新知 2026/2/3 15:24:36

什么？连接服务器也能可视化显示界面？：基于X11 Forwarding + CentOS + MobaXterm实战指南

文章目录什么是X11？环境准备实战步骤1️⃣ 服务器端配置（CentOS）2️⃣ 客户端配置（MobaXterm）3️⃣ 验证X11 Forwarding4️⃣ 运行自定义GUI程序(Python示例)5️⃣ 成功效果![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/55aefaea8a9f477e86d065227851fe3d.pn…...

编程新知 2025/10/2 17:12:14

vue3+vite项目中使用.env文件环境变量方法

vue3vite项目中使用.env文件环境变量方法 .env文件作用命名规则常用的配置项示例使用方法注意事项在vite.config.js文件中读取环境变量方法 .env文件作用 .env 文件用于定义环境变量，这些变量可以在项目中通过 import.meta.env 进行访问。Vite 会自动加载这些环境变…...

编程新知 2026/1/26 19:12:01

代理篇12|深入理解 Vite中的Proxy接口代理配置

在前端开发中，常常会遇到跨域请求接口的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。什么是代理（proxy）？代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...

编程新知 2025/10/27 20:33:34

Java 二维码

Java 二维码 **技术：**谷歌 ZXing 实现首先添加依赖 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.5.1</version></dependency><de…...

编程新知 2025/9/6 16:22:45