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

阿里qiankun微服务搭建

news 来源：原创 2025/5/22 23:23:25

主服务 chat
vue3 ts vite 子服务 ppt
react 18 vite 子服务 agent

主服务

npm i vite-plugin-qiankun

mian.ts


import './style/base.scss'
import 'virtual:svg-icons-register'
import { createApp } from 'vue'
import { createPinia } from 'pinia'import App from './App.vue'
import router from './router'
import Axios from '@/utils/request.js';
import { registerMicroApps, start } from 'qiankun';
// 引入ui 库
// import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'// 引入ui icon// 将自动注册所有组件为全局组件
// import dataV from '@jiaminghi/data-view'const app = createApp(App)
// for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
//   app.component(key, component)
// }app.config.globalProperties.$http = Axiosapp.use(createPinia())
app.use(router)
// app.use(ElementPlus)
app.mount('#app')
registerMicroApps([{name: 'agent',entry: 'http://localhost:83/',container: '#agentContainer',activeRule: '/agent',props: {// 传递给子应用的数据data: {name: 'agent',age: 18,},},},{name: 'ppt',entry: 'http://localhost:5173/',container: '#pptContainer',activeRule: '/ppt',props: {// 传递给子应用的数据data: {name: 'ppt',age: 18,},},},
], {beforeLoad: [(app: any): any => {console.log('before load', app);// 挂载前回调}],beforeMount: [(app: any): any => {console.log('before load', app);// 挂载后回调}],afterUnmount: [(app: any): any => {console.log('before load', app);// 挂载后回调}]
})
setTimeout(() => {start({prefetch: 'all', // 预加载子应用sandbox: { experimentalStyleIsolation: true }, // 样式隔离});// start();
}, 1);

router/index.ts

    { path: '/ppt', component: () => import('@/views/ppt/index.vue') },{ path: '/ppt/home', component: () => import('@/views/ppt/index.vue') },{ path: '/agent', component: () => import('@/views/agent/index.vue') },

agent/index.vue

<template><div id="agentContainer" style="width: 100%;height: 100%;">react</div>
</template>
<script lang="ts" setup>
</script>
<style>
#pptContainer {width: 100vw;height: 100vh;
}
</style>

ppt/index.vue

<template><div id="pptContainer" style="width: 100%;height: 100%;">zzzzzzzzz</div>
</template>
<script lang="ts" setup>
import { registerMicroApps, start } from 'qiankun';
import { onMounted } from 'vue';onMounted(() => {})</script>
<style>
#pptContainer {width: 100vw;height: 100vh;
}
</style>

vue3 ts服务
vite.cong.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import qiankun from 'vite-plugin-qiankun'// https://vite.dev/config/
export default defineConfig({base: '/ppt/', plugins: [vue(),qiankun('ppt', { // 子应用名称，与package.json的name一致useDevMode: true // 开发模式下需要设置为true})],server: {host: "0.0.0.0",port: 5173, // 设置子应用端口cors: true, // 允许跨域headers: {'Access-Control-Allow-Origin': '*' // 允许跨域}},css: {preprocessorOptions: {scss: {// additionalData: '@import "./src/style/index.scss";' // 修复：改为单个字符串// charset: false}}}
})

main.ts

import { createApp } from 'vue'
// import './style.css'
import App from './App.vue'
import './style/base.scss'
import router from './router/index.ts'// const app =  createApp(App)
// app.use(router)
// app.mount('#app')let instance: any = nullfunction render(props?: {} | undefined) {console.log(props)instance = createApp(App)instance.use(router)instance.mount('#app')}// 独立运行时
if (!window.__POWERED_BY_QIANKUN__) {render()
}// qiankun 生命周期钩子
export async function bootstrap() {console.log('[vue] vue app bootstraped')
}export async function mount(props: {} | undefined) {console.log(props,"props")console.log('[vue] props from main framework', props)render(props)
}export async function unmount() {instance.unmount()instance._container.innerHTML = ''instance = null
}

router/index.ts

import { createRouter, createWebHistory } from 'vue-router'const router = createRouter({history: createWebHistory(window.__POWERED_BY_QIANKUN__ ? '/ppt' : '/ppt'),routes: [// 你的路由配置{path: '/',name: 'home',component: () => import('../views/home/index.vue'),},{path: '/home',name: 'home1',component: () => import('../views/home/index.vue'),},]
})export default router

react 18

package.json

    "qiankun": "^2.10.16","react": "^18.2.0","react-dom": "^18.2.0","react-router-dom": "^7.5.2","vite-plugin-qiankun": "^1.0.15"

vite.config.ts

import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
// 1. vite环境下安装qiankun插件
import qiankun from "vite-plugin-qiankun";// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {console.log(mode);  const isDev = mode === 'development'const env = loadEnv(mode, process.cwd());console.log(env); return {plugins: [// 2. 引用qiankun插件，需要注意，这里的microReact是子应用名称，需要和主应用中注册的子应用名称一致qiankun(env.VITE_APP_NAME, {useDevMode: true,}),// 3. react()插件会跟vite-plugin-qiankun插件冲突，所以需要判断是否是开发环境!isDev && react(),],// 4. 同域配置二级域名，异域配置不需要可修改为：isDev ? "/" : 'http://xxx.com/'base: isDev ? "/"+env.VITE_APP_NAME : '/'+env.VITE_APP_NAME,server: {host: "0.0.0.0",port: 83,headers: {'Access-Control-Allow-Origin': '*'},proxy: {'^/reactApi': {target: 'http://localhost:9528/',rewrite: path => path.replace(/^\/reactApi/, ''),changeOrigin: true}}},}
})

.env.development 和 .env.production

VITE_APP_BASE_API='/gateway'
VITE_APP_NAME='agent'

main.tsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'// 1. 引用vite-plugin-qiankun
import { renderWithQiankun, qiankunWindow, QiankunProps } from 'vite-plugin-qiankun/dist/helper'
let root: ReactDOM.Root | null = null// 2. qiankun渲染函数
function render(props: QiankunProps) {console.log(props,"xxxxxxxxx")const { container } = propsconst root = ReactDOM.createRoot((container? container.querySelector('#root'): document.querySelector('#root')) as HTMLElement)root.render(<React.StrictMode><App /></React.StrictMode>)return root
}renderWithQiankun({mount(props) {root = render(props)},bootstrap() {console.log('bootstrap')},unmount() {root?.unmount()},update() {},
})if (!qiankunWindow.__POWERED_BY_QIANKUN__) {root = render({})
}

router/index.tsx

// src/router/index.tsx
import React, { Suspense } from 'react'
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
import { qiankunWindow } from "vite-plugin-qiankun/dist/helper";// 路由懒加载
const Home = React.lazy(() => import('../views/home'))
// const List = React.lazy(() => import('../views/list'))
// const NotFound = React.lazy(() => import('../views/notFound'))export default function Router() {return (// 同域：判断是否为qiankun引用，给出不同路由；异域分别修改为 '/micro-react' : '/'<BrowserRouter basename={qiankunWindow.__POWERED_BY_QIANKUN__ ? "/"+import.meta.env.VITE_APP_NAME : "/"+import.meta.env.VITE_APP_NAME}><Routes><Route path='/' element={<Suspense><Home /></Suspense>}></Route><Route path='/home' element={<Suspense><Home /></Suspense>}></Route>{/* <Route path='/list' element={<Suspense><List/></Suspense>}></Route> */}{/* 定义404路由*/}{/* <Route path='/404' element={<Suspense><NotFound/></Suspense>}></Route> */}{/* 未匹配的路由使用Navigate重定向到此页面 这里即notFound.jsx */}{/* <Route path='/*' element={<Navigate to='/404' />}></Route>  */}</Routes></BrowserRouter>)
}

转载

阿里qiankun微服务搭建

主服务 chat vue3 ts vite 子服务 ppt react 18 vite 子服务 agent 主服务 npm i vite-plugin-qiankun mian.ts import ./style/base.scss import virtual:svg-icons-register import { createApp } from vue import { createPinia } from piniaimport App from ./App.vue im…...

编程日记 2025/5/22 23:23:25

【CodeSprint】第二章-2.1 简单模拟

第二章 2.1 简单模拟 ✏️ 关于专栏：专栏用于记录 prepare for the coding test。 1. 简单模拟简单模拟题目不需要复杂算法，直接按照题意一步步模拟即可。 1.1 促销计算题目描述某百货公司为了促销，采用购物打折的优惠方法&#xff1a…...

编程日记 2025/5/13 21:48:13

Golang实现函数默认参数

golang原生不支持默认参数在日常开发中，我们有时候需要使用默认设置，但有时候需要提供自定义设置结构体/类，在Java我们可以使用无参、有参构造函数来实现，在PHP中我们也可以实现(如 public function xxx($isCName false, $sec…...

编程日记 2025/5/23 17:38:31

【Python Web开发】03-HTTP协议

文章目录 1. HTTP协议基础1.1 请求-响应模型1.2 请求方法1.3 请求和响应结构1.4 状态码 2. Python 发送 HTTP 请求2.1 urllib库2.2 requests 库 3. Python 构建 HTTP 服务器3.1 http.server模块3.2 Flask 框架 4. HTTP 协议的安全问题5. 缓存和性能优化 HTTP（Hypert…...

编程日记 2025/5/16 9:59:16

提高营销活动ROI：大数据驱动的精准决策

提高营销活动ROI：大数据驱动的精准决策大家好，我是Echo_Wish。今天我们来聊聊如何通过大数据来提高营销活动的ROI（投资回报率）。我们都知道，随着市场的日益竞争，营销的成本不断增加，如何在这片红海中脱颖而出，不仅需要精准的营销策略，还需要依靠先进的技术，尤其是大…...

编程日记 2025/5/23 18:03:55

前端excel导出

在数据可视化和管理日益重要的今天，前端实现 Excel 导出功能已经成为众多项目中的刚需。一、Excel 导出的常见场景数据报表导出：在企业管理系统、数据分析平台中，用户经常需要将系统中的数据以 Excel 表格的形式导出，便于离…...

编程日记 2025/5/23 18:41:32

pymsql（SQL注入与防SQL注入）

SQL注入： import pymysql# 创建数据库连接返回一个对象 conn pymysql.connect(host"localhost", # MySQL服务器地址本地地址 127.0.0.1user"root", # 用户名 （账号）password"155480", # 密码database&qu…...

编程日记 2025/5/23 18:59:20

基于Springboot + vue + 爬虫实现的高考志愿智能推荐系统

项目描述本系统包含管理员和学生两个角色。管理员角色： 个人中心管理：管理员可以管理自己的个人信息。高校信息管理：管理员可以查询、添加或删除高校信息，并查看高校详细信息。学生管理：管理员可以查询、添加或…...

编程日记 2025/5/23 18:36:29

delphi使用sqlite3

看了一下delphi调用sqlite3最新版本的调用，网上说的都很片面，也没有完整的资料了。我自己研究了一下，分享出来。在调用demo中，官方也给了一个demo但是功能很少，没有参考价值。 1.定义： 首先把sqlite3…...

编程日记 2025/4/29 12:11:13

高压开关柜局部放电信号分析系统

高压开关柜局部放电信号分析系统 - 开发笔记 1. 项目概述这个项目是我在2025年实现的高压开关柜局部放电信号分析系统，目的是通过采集分析局部放电信号，判断设备的工作状态和潜在故障。系统包含从信号模拟生成、特征提取、到深度学习模型训练的全流程…...

编程日记 2025/4/29 12:11:11

ai环境conda带torch整体迁移。

conda打包好的GPU版torch环境，其实很简单，就是conda装好的torch环境env整体打包，然后到新机器上再解压到env路径。打开搭建好的环境，找自己路径，我默认的是这个。 cd/root/anaconda3/envs/ 然后整个文件夹打包。tar -…...

编程日记 2025/5/1 3:26:35

电价单位解析与用电设备耗电成本计算

一、电价单位元/kWh 的解析定义： 元/kWh 表示每千瓦时电能的费用，即1度电的价格。例如，若电价为0.5元/kWh，则使用1千瓦的电器1小时需支付0.5元。电价构成： 中国销售电价由四部分组成： 上网电价&#xf…...

编程日记 2025/4/29 12:08:58

辛格迪客户案例 | 华道生物细胞治疗生产及追溯项目(CGTS)

01 华道（上海）生物医药有限公司：细胞治疗领域的创新先锋华道（上海）生物医药有限公司（以下简称“华道生物”）是一家专注于细胞治疗技术研发与应用的创新型企业，尤其在CAR-T细胞免疫…...

编程日记 2025/5/9 13:40:33

C++（初阶）（十三）——继承

继承继承概念示例定义格式继承和访问方式继承方式访问方式实例继承类模板基类和派生类之间的转换继承中的作用域隐藏规则选择题派生类的默认成员函数默认成员函数派生类中的实现实现一个不能被继承的类继承与友元继承与静态成员多继承及其菱形继承问题虚继承多继承指针偏…...

编程日记 2025/5/23 18:03:54

S09-电机运行时间

感谢粉丝网友的支持，也欢迎你们的讨论和分享。昨天我们简单讨论了一下标准功能块的重要性，仅仅是拿电机块举了一个例子，有粉丝问能否把电机运行时间做到块里面，完善一下功能呢？那是绝对当然的100%可以的啊！…...

编程日记 2025/5/23 18:57:28

大语言模型（LLMs）微调技术总结

文章目录全面总结当前大语言模型（LLM）微调技术1. 引言2. 为什么需要微调？3. 微调技术分类概览4. 各种微调技术详细介绍4.1 基础微调方法4.1.1 有监督微调（Supervised Fine-Tuning, SFT）4.1.2 全参数微调（F…...

编程日记 2025/5/22 1:30:59

python练习：求数字的阶乘

求数字的阶乘 eg:5的阶乘 54321 """ 求数字的阶乘 eg:5的阶乘 5*4*3*2*1 """count 1 for i in range(1,6):count count * iprint(count)运行结果：...

编程日记 2025/4/29 12:04:41

综合练习一

背景某银行监管系统，需要设计并实现用户登入记录功能，每个用户登入系统时，系统自动记录登入用户的账户、登入时间、登入失败成功与否信息等，普通用户只能登入登出，管理员可以登入后查看日志及分析统计信息等。用户…...

编程日记 2025/5/6 13:40:15

List--链表

一、链表 1.1 什么是List？ 在C语言中，我们需要使用结构体struct来进行List(链表）的实现： struct ListNode {DataType Data;//DataType是任意类型的变量定义struct ListNode* next;//指向下一个结点的指针变量 }; 与之前的vect…...

编程日记 2025/4/30 20:54:08

SpeedyAutoLoot

SpeedyAutoLoot自动拾取插件 SpeedyAutoLoot.lua local AutoLoot CreateFrame(Frame)SpeedyAutoLootDB SpeedyAutoLootDB or {} SpeedyAutoLootDB.global SpeedyAutoLootDB.global or {}local BACKPACK_CONTAINER BACKPACK_CONTAINER local LOOT_SLOT_CURRENCY LOOT_SLOT…...

编程日记 2025/5/15 13:14:59

编程日志4.23

栈的C顺序表实现 #include<iostream> #include<stdexcept> using namespace std; //模板声明，表明Stack类是一个通用的模板，可以用于存储任何类型的元素T template<typename T> //栈的声明 //Stack类的声明，表示一个栈的…...

编程日记 2025/4/29 12:02:26

打印所有字段

package com.volvo.midend.vehicle;import com.volvo.midend.vehicle.dto.out.vista.VistaDemoVO;import java.lang.reflect.Field;public class TestAllFiled {// 递归打印类的所有字段public static void printAllFields(Class<?> clazz, int indentLevel) {// 根据缩…...

编程日记 2025/4/29 12:01:21

4G FS800DTU上传图像至巴法云

目录 1 前言 2 准备工作 2.1 硬件准备 2.2 软件环境 2.3 硬件连接 3 实现方案 4 巴法云平台账号创建与设备联网配置 4.1 创建账号 4.2 进入巴法云 4.3 获取联网参数 4.4 连接巴法云 5 拍照上传至巴法云 6 ESP32-CAM程序 7 总结 1 前言巴法云(Bemfa Cloud)是一个…...

编程日记 2025/4/29 12:01:21

一键叠图工具

写了个拼图小工具供大家测试 APP安卓的测试下载点击下载百度网盘: https://pan.baidu.com/s/17B5KVIMMZlOAsF7a16KNug?pwd1234 提取码: 1234 拼图步骤：选图--选择变亮或变暗--滤镜发色在正式开始之前，我们来定义几条原则先（熟悉…...

编程日记 2025/5/20 14:26:25

【OSG学习笔记】Day 12: 回调机制——动态更新场景

UpdateCallback 在OpenSceneGraph（OSG）里，UpdateCallback是用来动态更新场景的关键机制。借助UpdateCallback，你能够实现节点的动画效果，像旋转、位移等。 NodeCallback osg::NodeCallback 是一个更通用的回调类&…...

编程日记 2025/5/19 23:40:59

快速上手Prism WPF 工程

1、Prism 介绍定位： Prism 是微软推出的框架，专为构建模块化、可维护的复合式应用程序设计，主要支持 WPF、Xamarin.Forms、UWP 等平台。核心功能： 模块化开发：将应用拆分为独立模块&#xff0c…...

编程日记 2025/4/29 11:59:10

Dockerfile讲解与示例汇总

容器化技术已经成为应用开发和部署的标准方式，而Docker作为其中的佼佼者，以其轻量、高效、可移植的特性，深受开发者和运维人员的喜爱。本文将从实用角度出发，分享各类常用服务的Docker部署脚本与最佳实践，希望能帮助各位在容器化之路上少走弯路。无论你是刚接触Docker的…...

编程日记 2025/4/29 11:59:08

MATLAB Coder代码生成（工业部署）——MATLAB技巧

MATLAB Coder是MATLAB生态中用于将算法代码转换为C/C++代码的核心工具，其生成的代码可直接部署到嵌入式硬件、工业控制器或企业级应用中，尤其在智能制造、物联网和实时控制领域具有广泛应用。通过 MATLAB Coder，可以轻松地将 MATLAB 代码转换为高效的 C/C++ 代码，适用于嵌…...

编程日记 2025/4/29 11:59:07

3、CMake语法:制作和使用动态库和静态库

动态库和静态库 1 动态库和静态库简介1.1 静态库静态库文件类型.lib 文件.pdb 文件 1.2 动态库动态库文件类型 1.3 总结 2. 制作和使用静态库2.1 CMake指定输出的路径 2.2 VS利用第三方库编译静态库 2.3 使用静态库CMake链接静态库VS链接静态库 3. 制作和使用动态库3.1 CMake指…...

编程日记 2025/4/29 11:58:04

使用双端队列deque模拟栈stack

使用双端队列deque模拟栈stack 今天的内容有点简单~ 众所周知🤓👆，栈作为一个先进后出的结构，在计算机的世界确实能够发挥很多的作用。而我们C祖师爷本贾尼是第一批把这个结构作为实实在在的容器做进std的人~ 那为了更好的了解…...

编程日记 2025/5/19 12:42:47

Spring系列四：AOP切面编程第三部分

🐋AOP-JoinPoint 1.通过JoinPoint可以获取到调用方法的签名 2.其他常用方法 ●代码实现 1.com.zzw.spring.aop.aspectj.SmartAnimalAspect Aspect //表示是一个切面类 Component //会将SmartAnimalAspect注入到容器 public class SmartAnimalAspect {//给Car配置…...

编程日记 2025/5/18 2:58:12

为什么使用ThreadLocal后要调用remove()方法呢？

ThreadLocalMap中包含一个数组，每个节点对应的类名叫Entry，这个类继承WeakReference<ThreadLocal<?>>，entry中有两个属性：key和value。特别需要指出的是key来自于父类中的threadLocal对象。为了避免内存泄露&#…...

编程日记 2025/5/5 8:42:51

如何在idea 中写spark程序

在 IntelliJ IDEA 中编写 Spark 程序可以通过以下步骤进行： 1. **安装 Scala 插件**：首先确保已经安装了 Scala 插件。在 IntelliJ IDEA 中选择 File -> Settings -> Plugins -> 搜索 Scala -> 安装插件。 2. **创建新项目**：在…...

编程日记 2025/5/14 23:09:28

国产全兼容ADS131E08芯片---LHA7878

LHA787X是一系列多通道同步采样、24位A-∑模数转换器(ADC)，内置可编程增益放大器(PGA)、内部基准和振荡器。凭借ADC的宽动态范围、可扩展数据传输速率以及内部故障检测监测计，LHA787X受到工业电源监测和保护以及测试和测量应用的青睐。真正的高阻抗输入支…...

编程日记 2025/5/5 16:58:27

免费LUT网站

FREE LUTs | Color Lookup Tables - Presetpro.com...

编程日记 2025/4/29 11:53:37

ICH CTD中ISS的关键内容与作用

1. ISS在ICH CTD中的定位 1.1 模块2与模块5的分工 1.1.1 模块2：整体总结的全局视角模块2的2.7.4 ISS对所有临床研究安全性数据整合分析，涵盖I-III期试验，提供药物安全性全局视角，确保其在目标人群中的可接受性。 ISS需与风险控制措施关联，如说明书警示、风险管理计划，…...

编程日记 2025/5/7 7:12:29

Ocelot的应用案例

搭建3个项目，分别是OcelotDemo、ServerApi1和ServerApi2这3个项目。访问都是通过OcelotDemo进行轮训转发。代码案例链接：https://download.csdn.net/download/ly1h1/90715035 1.架构图 2.解决方案结构 3.步骤一，添加Nuget包 4.步骤二&…...

编程日记 2025/4/29 11:51:28

OpenCV VC编译版本

vc12 Visual Studio 2013 vc14 Visual Studio 2015 vc15 Visual Studio 2017 vc16 Visual Studio 2019 vc17 Visual Studio 2022 opencv支持情况： OpenCV2.4.10 支持 VS2010，VS2012，VS2013 （x64，x86） …...

编程日记 2025/5/22 16:52:06

测试用例介绍

文章目录一、测试用例基本概念1.1 测试用例基本要素二、测试用例的设计方法2.1 基于需求的设计方法2.2 等价类2.3 边界值2.4 错误猜测法2.6 场景设计法2.7 因果图2.5 正交排列三、综合：根据某个场景去设计测试用例（万能公式）四、如何使用F…...

编程日记 2025/4/30 15:10:09

Vue 2 中 Vue 实例对象（vm）的所有核心方法，包含完整示例、使用说明及对比表格

以下是 Vue 2 中 Vue 实例对象（vm）的所有核心方法，包含完整示例、使用说明及对比表格： 1. $mount() 作用：手动挂载 Vue 实例到 DOM 元素参数： element：DOM 元素或选择器字符串（可…...

编程日记 2025/4/29 11:50:16

大模型的scaling laws：Scaling Laws for Neural Language Models

一、TL；DR Loss与模型size、数据集大小以及用于训练的计算量呈幂律关系其他架构细节，如网络宽度或深度，在较宽范围内影响极小简单的公式可以描述过拟合与模型/数据集大小的依赖关系，以及训练速度与模型大小的依赖关系作用&#x…...

编程日记 2025/4/29 11:50:16

【Docker】使用 jq 管理镜像源

国内访问 Docker Hub 速度较慢，通过配置国内镜像加速器，可显著加快拉取镜像速度。使用 jq 操作 /etc/docker/daemon.json 的 registry-mirrors 字段，可避免手动编辑带来的格式错误，并在添加、替换、删除等场景下保持高效与安全。 …...

编程日记 2025/4/29 11:49:13

青年座谈会的读书汇报

今天，单位组织了一个五四青年座谈会，我们室由于大家都在出差忙之类的，我必须要参加，还要我做一个汇报，我一新来的还没深入到研发工作中，于是决定写了一篇简单的读书笔记，再用deepseek润色一下&a…...

编程日记 2025/4/29 11:49:12

leetcode刷题日记——两数相加

[ 题目描述 ]： [ 思路 ]： 通过两个循环将 l1, l2存储的数字读出，然后求和，再将结果存储链表中由此发了一个问题，结果溢出，如果使用更大的 long 类型，后续不出所料，仍然超出所以只能…...

编程日记 2025/4/29 11:48:07

使用腾讯地图检索地点

最近需求又多了，现在需要使用腾讯地图检索功能，需要经纬度返给商户后端效果图： 把地图写成组件现在components创建map/Getpoint.vue 代码如下 <template><div class"getpoint-container"><div><div id&…...

编程日记 2025/4/29 11:44:55

VINS-FUSION：跑通手机录制数据

文章目录 📚简介🚀手机录制数据🚀跑通数据🔧启动rviz🔧启动配置🔧播放rosbag🎯跑通结果 📚简介利用智能手机的摄像头IMU 采集数据，并在 VINS-Fusion（视觉惯…...

编程日记 2025/5/3 1:54:21

iView Table 组件跨页选择功能实现文档

iView Table 组件跨页选择功能实现文档功能概述实现基于 iView Table 组件的多选功能，支持以下特性： ✅ 跨页数据持久化选择✅ 当前页全选/取消全选✅ 自动同步选中状态显示✅ 分页切换状态保持✅ 高性能大数据量支持实现方案技术栈 iView UI 4…...

编程日记 2025/4/29 11:42:41

Spark知识总结

宽窄依赖：父RDD的分区只对应下面子RDD的一个分区，为窄依赖。其余为宽依赖维度‌‌窄依赖‌‌宽依赖‌数据传输无shuffle，本地处理14需shuffle，跨节点传输14并行度高（允许流水线并行）57低（需等…...

编程日记 2025/5/16 13:27:47

window 图形显示驱动-在 WDDM 1.2 中提供无缝状态转换(下)

在不禁用驱动程序的情况下转换到操作系统有时操作系统遇到不可恢复的错误，必须发出系统 bug 检查。发生这种情况时，在某些情况下，操作系统必须控制显示器，但无法停止 WDDM 驱动程序。需要 WDDM 1.2 及更高版本的驱动程序来实现…...

编程日记 2025/4/29 11:41:35

WPF之Label控件详解

文章目录 1. 引言2. Label控件基础2.1 类继承结构2.2 Label类定义 3. Label控件的核心属性3.1 Content属性3.2 Target属性3.3 其他常用属性 4. 标签样式与模板自定义4.1 简单样式设置4.2 使用Style对象4.3 触发器使用4.4 使用ControlTemplate完全自定义 5. Label与表单控件交互…...

编程日记 2025/5/11 2:44:46

react 18

相关文章：