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

深度解析：Vue.js 性能优化全景指南（从原理到实践）

news 来源：原创 2025/5/15 20:35:12

前言

随着 Vue.js 应用复杂度提升，性能问题逐渐成为制约用户体验的瓶颈。本文将系统性地剖析 Vue.js 性能优化的 核心原理、关键技巧、工具链支持，并通过真实案例演示如何提升大型应用的运行时性能与加载效率。

一、渲染层优化：减少不必要的 DOM 操作

1.1 虚拟 DOM 的 diff 算法瓶颈分析

原理：Vue 的 patch 过程对比新旧 VNode 时，时间复杂度最优 O(n)，最差 O(n³)
案例：长度为 1000 的列表更新时，错误写法可能导致超过 100ms 的渲染延迟

优化方案：

// 反例：索引变动导致全量 diff
this.list.unshift(newItem);// 正例：使用 key 帮助复用节点
<div v-for="item in list" :key="item.id">{{ item.text }}</div>

1.2 组件级优化策略

技术手段	适用场景	性能提升效果
`v-once`	静态内容区块	减少 90% 的 diff 计算
`v-memo` (Vue 3)	复杂条件渲染	避免 60% 以上的子组件更新
函数式组件	无状态 UI 组件	降低 40% 的实例化开销

代码示例：

<!-- v-memo 深度优化 -->
<div v-memo="[dependencyA, dependencyB]">{{ heavyComputeResult }}
</div>

二、数据层优化：控制响应式系统的开销

2.1 响应式数据设计原则

冻结大数据：Object.freeze(largeData) 避免不必要的响应式转换
扁平化 store：Vuex 中嵌套过深的状态会显著增加依赖追踪成本

2.2 计算属性 vs 方法

// 低效写法：每次渲染都执行
methods: {calculate() { /* 复杂计算 */ }
}// 高效写法：依赖不变时缓存
computed: {calculatedValue() { /* 仅依赖变化时执行 */ }
}

2.3 性能对比实验

通过 Chrome DevTools 的 Performance 面板实测：

1000 条数据渲染时，优化后的计算属性减少 200ms 脚本执行时间

三、工程化优化：构建与加载策略

3.1 代码分割实战

// 动态导入路由组件
const UserProfile = () => import('./UserProfile.vue');// Webpack 魔法注释指定 chunk 名
const AdminPanel = () => import(/* webpackChunkName: "admin" */ './AdminPanel.vue');

3.2 预加载关键资源

<!-- 使用 prefetch 提前加载非关键资源 -->
<link rel="prefetch" href="./next-page-bundle.js"><!-- 使用 preload 加载首屏关键 CSS -->
<link rel="preload" href="./critical.css" as="style">

3.3 现代构建配置

// vite.config.js 优化示例
export default {build: {rollupOptions: {output: {manualChunks: {vendor: ['vue', 'vue-router'],utils: ['lodash', 'axios']}}}}
}

四、深度性能分析工具链

4.1 可视化分析工具

Webpack Bundle Analyzer：

npm install --save-dev webpack-bundle-analyzer

Vue DevTools Performance Tab：
- 组件渲染时间瀑布图
- 事件触发追踪

4.2 Lighthouse 综合评分优化

# 生成性能报告
lighthouse https://your-app.com --view

关键指标提升：

First Contentful Paint: 从 2.4s → 1.2s
Interactive: 从 3.8s → 2.5s

五、高级优化技巧

5.1 服务端渲染优化

// nuxt.config.js 配置示例
export default {render: {resourceHints: false, // 禁用预加载提示http2: {push: true          // 启用 HTTP/2 Server Push}}
}

5.2 Web Workers 处理 CPU 密集型任务

// worker.js
self.onmessage = (e) => {const result = heavyComputation(e.data);postMessage(result);
};// 主线程调用
const worker = new Worker('./worker.js');
worker.postMessage(largeData);

以下是专门补充的 Vite 相关性能优化技术 章节，从原理到实战完整展开，可无缝插入到前文的工程化优化部分：

六、工程化优化：Vite 专项优化策略

6.1 Vite 核心优化原理

6.1.1 基于 ES Modules 的按需编译

与传统打包工具对比：
- Webpack：全量打包后交付
- Vite：开发环境冷启动时间减少 70%~90%

6.1.2 依赖预构建（Dependency Pre-Bundling）

// vite.config.js 配置示例
export default defineConfig({optimizeDeps: {include: ['lodash-es'], // 强制预构建exclude: ['vue-demi'],  // 排除不需要预构建的库force: true // 手动触发重新预构建}
})

适用场景：

动态导入的第三方库（如 element-plus）
CommonJS 转 ESM 的依赖（如 lodash-es）

6.2 Vite 专属性能技巧

6.2.1 分包策略优化

// 避免单 chunk 过大
export default defineConfig({build: {rollupOptions: {output: {manualChunks: (id) => {if (id.includes('node_modules')) {return 'vendor'}if (id.includes('src/utils')) {return 'utils'}}}}}
})

6.2.2 静态资源处理

<!-- 图片压缩与格式转换 -->
<img src="./image.png?webp" alt="webp 格式自动转换"><!-- 资源内联 -->
<script inline src="./inline-script.js"></script>

配置支持：

// vite.config.js
export default defineConfig({assetsInclude: ['**/*.gltf'], // 扩展资源类型build: {assetsInlineLimit: 4096 // 小于 4KB 资源自动内联}
})

6.3 Vite 插件生态优化

6.3.1 关键性能插件

插件名称	作用	安装命令
`vite-plugin-compression`	生成 gzip/brotli 压缩文件	`npm i -D vite-plugin-compression`
`vite-plugin-pwa`	实现离线缓存	`npm i -D vite-plugin-pwa`
`vite-plugin-inspect`	分析模块关系	`npm i -D vite-plugin-inspect`

6.3.2 自定义插件示例

// 实现虚拟模块加载
export default function virtualModule() {const virtualId = 'virtual:data'return {name: 'vite-plugin-virtual',resolveId(id) {return id === virtualId ? id : null},load(id) {if (id === virtualId) {return `export const data = ${JSON.stringify(bigData)}`}}}
}

6.4 Vite 生产环境优化

6.4 .1 构建分析

# 使用 rollup-plugin-visualizer
npm i -D rollup-plugin-visualizer

// vite.config.js
import { visualizer } from 'rollup-plugin-visualizer'export default defineConfig({plugins: [visualizer({ open: true })]
})

6.4.2 高级配置

// 多线程编译
export default defineConfig({worker: {format: 'es',plugins: [vue()]},build: {minify: 'terser', // 比 esbuild 多 5%~10% 压缩率terserOptions: {compress: {drop_console: true}}}
})

七、Vite 性能监控

7.1 Vite 专属性能指标

7.1.1 开发环境指标

// 测量 HMR 更新时间
if (import.meta.hot) {const start = performance.now()import.meta.hot.accept(() => {console.log(`HMR 更新耗时: ${performance.now() - start}ms`)})
}

7.1.2 构建报告分析

# 生成构建耗时报告
vite build --profile

关键指标：

transform 时间（单个文件编译）
renderChunk 时间（代码生成）

配套案例

案例：大型后台管理系统优化

优化前：

冷启动时间：12.3s
生产构建体积：14.7MB

Vite 优化后：

使用 optimizeDeps.include 预构建所有 UI 库
采用 vite-plugin-compression 生成 brotli 压缩
配置 manualChunks 拆分业务模块

优化结果：

冷启动时间：1.8s (↓85%)
生产体积：3.2MB (↓78%)

结语与思考

性能优化是贯穿项目全生命周期的持续过程，建议：

量化指标：建立性能基准（Lighthouse 评分、FCP 时间）
渐进式优化：从影响最大的 20% 痛点入手
平衡之道：避免过度优化导致代码可维护性下降

讨论话题：
在你的 Vue 项目中，遇到过哪些棘手的性能问题？如何解决的？

配套资源

Vue 性能优化 Checklist PDF
示例项目 GitHub 仓库
Chrome 性能分析指南

深度解析：Vue.js 性能优化全景指南（从原理到实践）

前言随着 Vue.js 应用复杂度提升，性能问题逐渐成为制约用户体验的瓶颈。本文将系统性地剖析 Vue.js 性能优化的核心原理、关键技巧、工具链支持，并通过真实案例演示如何提升大型应用的运行时性能与加载效率。一、渲染层优化：减少不必要的…...

编程日记 2025/5/15 20:35:12

Linux -- 操作系统

一、冯•诺依曼体系结构 1、概念 # 在计算机发展历程中，核心作用就是解决人类问题。为了实现这一目标，计算机系统需具备特定结构和功能。首先，计算机要配备输入设备，如鼠标、键盘、摄像头、话筒、磁盘（文件读取&…...

编程日记 2025/5/1 9:02:16

（初探）强化学习路径规划的理论基础与代码实现

一、强化学习路径规划的核心理论 1.1 马尔可夫决策过程（MDP）框架理论基础： 路径规划问题可以建模为马尔可夫决策过程（Markov Decision Process, MDP），由五元组(S, A, P, R, γ)定义。其中，S&…...

编程日记 2025/5/1 9:02:12

分布式链路ID实现

实现原理 api入口或者网关处生成traceId，调用服务时优先检查是否头部带有traceId，有则复用，没有则生成实现方式处理api相关traceId 1.通过filter复用或者生成traceId，并且将traceId输入到响应头中 import java.io.IOExcept…...

编程日记 2025/5/1 9:01:10

Java @Transactional事物隔离级别和默认值详解

在 Java 开发中，Transactional 注解是 Spring 框架中用于管理事务的重要工具。它提供了多种配置选项，其中事务隔离级别是一个关键属性。本文将深入探讨 Transactional 注解的隔离级别默认值，并通过具体代码示例帮助你更好地理解和应用事务隔离…...

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

参考 Getting Started With Compute Shaders In Unity 环境 Win10 Unity20194.40 全屏纯色纹理示例使用ComputerShader逐个像素设置颜色 ComputeShader脚本设置纹理颜色 #pragma kernel CSMainRWTexture2D<float4> Result;//纹理 half4 solidColor;//颜色[numth…...

编程日记 2025/5/15 20:19:38

关于 MCP 的理论知识学习

文章目录 1. 写在最前面2. 基本概念2.1 Why MCP2.1.1 大模型访问的局限2.1.2 过渡阶段—Function Call2.1.3 当前阶段— MCP 3. 碎碎念4. 参考资料 1. 写在最前面最近有一项任务是写旧版本迁移到新版本的支持文档，文档的编写是借助于 cursor 帮忙写的。但是实现的…...

编程日记 2025/5/15 20:15:15

关于vue+iview中tabs嵌套及实际应用

最近在用vueiview框架做项目，在实际做项目中根据需求用到iview中的tabs标签页嵌套以及标签页增加删除功能。想着记录下来，以后可能会再用到。下面是页面。由于是公司的项目具体有些地方我会打码，不影响阅读！ 1607751577(1).jpg ta…...

编程日记 2025/5/1 9:00:05

26考研——输入/输出系统_I/O 方式_DMA 方式（7）

408答疑文章目录三、I/O 方式DMA 方式DMA 方式的特点DMA 控制器的组成DMA 的传送方式停止 CPU 访存周期挪用DMA 与 CPU 交替访存示例分析DMA 的传送过程 DMA 方式和中断方式的区别四、参考资料鲍鱼科技课件26王道考研书三、I/O 方式 DMA 方式 DMA 方式是一种完全由硬件进…...

编程日记 2025/5/1 9:00:03

处理vue3热加载后axios的请求重复访问的问题

在请求拦截上加上判断，热加载时清空拦截器 if (import.meta.hot) { const interceptorsRe axios.interceptors.response.handlers; const interceptorsRq axios.interceptors.request.handlers; interceptorsRe .length 0; // 清空已有响应拦截器 interceptorsR…...

编程日记 2025/5/1 9:00:02

【教学类-102-21】蝴蝶三色图作品3——异型书蝴蝶“满格变形图”一页2图、一页4图

前期设计将蝴蝶撑满整个单元格，满格变形图。确保蝴蝶图案最大化【教学类-102-20】蝴蝶三色图作品2——卡纸蝴蝶“满格变形图”（滴颜料按压对称花纹、原图切边后变形放大到A4横版最大化）-CSDN博客文章浏览阅读572次，点赞7次，收藏3次。【教学类-102-20】蝴蝶三色图作品2…...

编程日记 2025/5/1 8:58:58

【昇腾】Benchmark

1. MindIE 服务化 1.1 环境准备镜像传送门参数说明： device用于挂载卡，下面的例子是挂载了8张卡倒数第二行的镜像名称记得修改 docker run -itd --privileged --namemindie --nethost \--shm-size 500g \--device/dev/davinci0 \--device/dev/da…...

编程日记 2025/5/1 8:58:58

【阿里云大模型高级工程师ACP学习笔记】2.7 通过微调增强模型能力 (下篇)（⭐️⭐️⭐️ 重点章节！！！）

学习目标特别说明：由于这一章节是2025年3月官方重点更新的部分，新增内容非常多，因此我不得不整理成上、下两篇，方便大家参考。备考阿里云大模型高级工程师ACP认证时，深入钻研《2.7通过微调增强模型能力(下篇)》，期望达成以下目标：掌握高效微调技术：深入理解预训练与…...

编程日记 2025/5/1 8:58:55

【RustDesk 】中继1：压力测试 Python 版 RustDesk 中继服务器

测试 Python 版 RustDesk 中继服务器测试我们实现的中继服务器有几种方法，从简单到复杂依次如下： 1. 基本连接测试客户端创建一个简单的测试客户端来验证中继服务器的基本功能： 2. 用两个测试客户端测试中继功能要测试完整的中继功能，你需要运行两个客户端实例来模拟…...

编程日记 2025/5/1 8:57:51

MCP 自定义python实现server服务，支持离线调用和远程接口访问形式

参考： https://blog.csdn.net/lingding_cn/article/details/147355620 其他百炼、mcp服务网址支持链接访问 server服务代码：出行酒店查询 mcp server代码编写参考：https://blog.csdn.net/weixin_42357472/article/details/146503660 api_mcp_server.py import pickle im…...

编程日记 2025/5/1 8:57:51

搭建PCDN大节点，服务器该怎么配

搭建P2P大节点时，服务器要怎么配呢？需要综合考虑硬件性能、网络带宽、存储能力、系统架构以及安全性等多个方面，以确保节点能够高效、稳定地运行。一、硬件配置 CPU：选择高性能的多核处理器，以满足高并发处理需求。核…...

编程日记 2025/5/1 8:57:50

JavaScript的3D库有哪些？

JavaScript的3D库有哪些？ 在3D开发领域，JavaScript提供了多种库和框架，使开发者能够在浏览器中创建丰富的3D体验。以下是一些流行的3D方面的JavaScript库： Three.js：这是最著名的用于创建3D图形的JavaScript库之一。它…...

编程日记 2025/5/1 8:57:49

如何解决matlab/octave画图legend图例颜色一样的问题？

预期目的： 本意想用legend在画图的时候把对应线段的颜色对应起来，实际按照如下代码运行得不到预期的结果。 x [1:10;11:20]y1 x.^2;y2 0.5.*x.^3plot(x,y1,r,x,y2,b);legend(y x^2,y x^3) 代码运行结果如下： 原因是matlab /octave默…...

编程日记 2025/5/1 8:56:45

[第十五章][15.3.2 shellcode注入攻击]ret2shellcode+[NewStarCTF 公开赛赛道]ret2shellcode

1、[NewStarCTF 公开赛赛道]ret2shellcode IDA 反编译看伪代码： buf mmap((void *)0x233000, 0x1000uLL, 7, 34, -1, 0LL); 这里直接给了 buf 7 的权限，即可读可写可执行，那么 shellcode 肯定写到 buf 里 buf 的映射地址：0x23…...

编程日记 2025/5/1 8:55:42

边缘计算：数字世界的”末梢神经系统”解析-优雅草卓伊凡

边缘计算：数字世界的”末梢神经系统”解析-优雅草卓伊凡一、边缘计算深度解析 1.1 边缘计算的定义与架构边缘计算（Edge Computing）是一种分布式计算范式，它将数据处理能力从传统的集中式云数据中心推向网络边缘，更…...

编程日记 2025/5/1 8:55:41

基于CATIA参数化球体建模的自动化插件开发实践——NX建模之球体命令的参考与移植

引言在CATIA二次开发领域，Python因其灵活性和丰富的库支持逐渐成为高效工具开发的首选语言。本文将以笔者开发的CATIA球体自动化建模工具为例，参考NX软件中高效球体创建命令，深度解析基于PySide6 GUI框架与pycatia接口库的集成…...

编程日记 2025/5/1 8:53:38

ActiveMQ 可靠性保障：消息确认与重发机制（一）

引言在当今分布式系统的架构中，消息中间件扮演着举足轻重的角色，而 ActiveMQ 作为一款广泛使用的开源消息中间件，凭借其对 JMS（Java Message Service）规范的支持、多种消息传输协议、丰富的消息模型（如点对…...

编程日记 2025/5/1 8:53:37

麒麟、UOS系统在线打开word文件并提取修订痕迹

麒麟、UOS系统在线打开word文件并提取修订痕迹查看本示例演示效果（Windows版） 查看本示例演示效果（国产版）本示例关键代码的编写位置，请参考“开始 - 快速上手”里您所使用的开发语言框架的最简集成代码注意本文中…...

编程日记 2025/5/1 8:52:35

Vue3笔记摘录

1.Vue3整体知识概览图 2.ref与reactive具体使用区别 2-1 基本类型处理 const count1 ref(0) 使用ref自动转化为数字类型const count2 reactive(0) 参数必须是对象类型 2-2 具体使用过程 // ref 处理对象（自动解包） const user ref({name: John,a…...

编程日记 2025/5/1 8:52:34

大力探索“AI·Life爱生活”项目峰会暨战略投资签约仪式成功举办

2025年4月26日，杭州西溪雷迪森大酒店内气氛热烈非凡，大力探索（杭州）科技有限公司主办的“大力探索项目峰会暨战略投资签约仪式”在此隆重开启。这场汇聚了数百位行业精英与企业代表的盛会，不仅是一场智慧的碰撞&#x…...

编程日记 2025/5/15 20:12:11

复刻低成本机械臂 SO-ARM100 材料齐活篇

视频讲解： 复刻低成本机械臂 SO-ARM100 材料齐活篇打印件基本ok，总共12个，尴尬的是github又更新了so-101，不过看了下还好只是优化了走线和几个结构键，影响不大，大不了后面再重新打印（有3d打印机…...

编程日记 2025/5/15 20:10:57

解读 AI绘画工作流ComfyUI Stable Diffusion

ComfyUI 是什么？图像工作流又是什么？认识ComfyUI 从名词术语来看： ComfyUI是一个基于节点流程的Stable Diffusion操作界面，通过自定义节点、拖拽连线实现精准的工作流定制，以完成更复杂的图像生成工作。 </...

编程日记 2025/5/1 8:51:29

北极星新美团核销接口对接

美团吃相难看，东哥就应该干掉他申请官方接口一般来说很难了现在无非就是几种第三方开放出来的接口按量收费，但是需要一次性充钱收首期的技术服务费 ，然后按年收费就是我们技术自己解决的方式，方便便宜 ,代码齐全&#xff0c…...

编程日记 2025/5/15 20:13:47

理解数据库存储以及查询（集合）

理解数据库存储以及查询（集合） 基本概念定义主键集合： 定义：主键集合是由数据库表中的主键组成的一个集合。主键是表中唯一标识每一行记录的属性（或属性组合）。特性：主键集合包含表的主键属性…...

编程日记 2025/5/15 20:13:47

（Go Gin）Gin学习笔记（四）Gin的数据渲染和中间件的使用：数据渲染、返回JSON、浅.JSON()源码、中间件、Next()方法

1. 数据渲染 1.1 各种数据格式的响应 json、结构体、XML、YAML类似于java的properties、ProtoBuf 1.1.1 返回JSON package mainimport ("github.com/gin-gonic/gin""net/http" )func main() {r : gin.Default()r.POST("/demo", func(res *gi…...

编程日记 2025/5/1 8:50:26

机器视觉橡胶制品检测的应用

橡胶制品在生产过程中易出现划痕、气泡、缺料、毛边、杂质嵌入等多种缺陷，这些缺陷往往微小且随机分布，人工检测不仅耗时，漏检率也居高不下。尤其在汽车密封件、医疗硅胶制品等高端领域，微米级的缺陷都可能导致产品失效&#xff0…...

编程日记 2025/5/1 8:50:25

JavaScript：从JS的执行机制到location对象

一、JS执行机制 （1）JS是单线程 JavaScript语言的一大特点就是单线程，也就是同一时间只能做一件事。因为JavaScript是为了处理页面中的用户交互，以及制作DOM二诞生的。比如我们对某个DOM元素进行添加和删除操作，这个不…...

编程日记 2025/5/1 8:50:24

Sigmoid函数简介及其Python实现

文章目录一、Sigmoid 函数简介1. 数学公式2. 关键特性3. 应用场景二、Python 实现1. 使用 math 库 (适用于单个数值)2. 使用 numpy 库 (适用于数值、列表、数组、矩阵)3. 使用 scipy.special.expit (数值稳定) 三、小结一、Sigmoid 函数简介 Sigmoid 函数（也称为…...

编程日记 2025/5/1 8:50:24

全局事件总线EventBus的用法

全局事件总线 EventBus 在前端开发中是一种用于实现组件间通信的机制，适用于兄弟组件或跨层级组件间的数据传递。 1. 创建全局 EventBus 实例在前端项目中，先创建一个全局的 EventBus 实例。在 Vue 中，可以通过创建一个新的 Vue 实例来实现…...

编程日记 2025/5/1 8:49:22

嵌入式Linux系统中的线程信号处理：策略与实践

在嵌入式Linux系统的开发中，多线程编程是提升系统性能和响应速度的重要手段。然而，多线程环境下的信号处理却是一个复杂且需要细致处理的问题。信号，作为进程间通信的一种机制，在嵌入式系统中常用于处理外部事件或中断。但在多线程…...

编程日记 2025/5/1 8:49:21

CCM/TCM在STM32中的含义和用途

CCM/TCM在STM32中的含义和用途 CCM（Core Coupled Memory）和TCM（Tightly Coupled Memory）是ARM架构中的特殊内存类型，它们都表示与CPU核心紧密耦合的内存区域。这些内存具有一些特殊特性，使其在某些应用场景…...

编程日记 2025/5/1 8:48:17

【网络原理】《TCP/IP 协议深度剖析：从网络基础到协议核心》

文章目录一、网络基础1. 认识IP地址概念作用格式组成子网掩码 2、认识Mac地址一跳一跳的网络数据传输 3. 网络设备及相关技术集线器：转发所有端口交换机：MAC地址转换表转发对应端口主机：网络分层从上到下封装主机&路由器：ARP…...

编程日记 2025/5/1 8:47:14

Windows系统编译支持GPU的llama.cpp

Windows系统编译支持GPU的llama.cpp git clone https://github.com/ggerganov/llama.cpp.git cd llama.cpp mkdir build cd buildcmake .. -G "Visual Studio 17 2022" -DGGML_CUDAON -DCMAKE_BUILD_TYPERelease -DCMAKE_CUDA_ARCHITECTURES"86"cmake --b…...

编程日记 2025/5/1 8:47:13

Unity编辑器扩展之导出项目中所有预制体中文本组件文字内容

一、最后导出的Excel文件效果如下图所示：二、在Unity的Editor目录下，新建一个名为FindChineseInPrefabs的C#脚本，Copy以下代码到你新建的名为FindChineseInPrefabs的C#脚本中去，最后一定要保存文件哈。 using UnityEditor; using UnityEngine; using UnityEngine.UI; usi…...

编程日记 2025/5/1 8:46:10

高效管理远程服务器Termius for Mac 保姆级教程

以下是 Termius for Mac 保姆级教程，涵盖安装配置、核心功能、实战案例及常见问题解决方案，助你高效管理远程服务器（如Vultr、AWS等）。一、Termius 基础介绍 1. Termius 是什么？ 跨平台SSH客户端：支持Ma…...

编程日记 2025/5/1 8:46:09

WPF框架中常用算法

WPF框架中常用算法与实现一、排序算法 1. 快速排序 (Quick Sort) 应用场景：大数据集合排序、性能敏感场景 public static void QuickSort(IList<int> list, int left, int right) {if (left < right){int pivotIndex Partition(list, left, r…...

编程日记 2025/5/1 8:45:06

【Java函数式编程-58】Java函数式编程深度解析

函数式编程(Functional Programming)作为一种编程范式，近年来在Java生态中获得了越来越多的关注和应用。自Java 8引入Lambda表达式和Stream API以来，函数式编程风格在Java开发中逐渐普及。本文将深入探讨Java中函数式编程的核心概念、实践技巧以及在实际…...

编程日记 2025/5/1 8:45:05

解决vscode cmake提示检测到 #include 错误

一、问题 cmake已经包含了动态库文件，依然提示“检测到 #include 错误。请更新 includePath。” 二、解决方案 Ctrl Shift P进入CPP编辑配置，然后在JSON中加入下面一行： "configurationProvider": "ms-vscode.cmake-tools&…...

编程日记 2025/5/1 8:45:04

Microsoft .NET Framework 4.8 离线安装包下载

简介Microsoft .NET Framework 4.8 是对 Microsoft .NET Framework 4、4.5、4.5.1、4.5.2、4.6、4.6.1、4.6.2、4.7、4.7.1 和 4.7.2 的高度兼容的就地更新。脱机程序包可用于因无法连接 Internet 而导致 Web 安装程序无法使用的情况。此包比 Web 安装程序大，并且…...

编程日记 2025/5/1 8:45:03

部署若依项目到服务器遇到的问题

以下是本次部署遇到的问题及解决方法 1、问题：docker一直出现“＞ ERROR [internal] load metadata for docker.io/library/xxx“的问题 ERROR: failed to solve: openjdk:8-jdk-alpine: failed to resolve source metadata for docker.io/libran y/ope…...

编程日记 2025/5/1 8:42:55