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

前端面经-VUE3篇--vue3基础知识（二）计算属性(computed)、监听属性（Watch）

news 来源：原创 2025/7/18 10:56:15

一、计算属性(`computed`)

计算属性（Computed Properties）是 Vue 中一种特殊的响应式数据，它能基于已有的响应式数据动态计算出新的数据。

计算属性有以下特性：

自动缓存：只有当它依赖的响应式数据发生变化时，才会重新计算。
响应式更新：依赖的数据变化后，会自动触发计算属性重新计算。
简化模板：在模板中使用计算属性可以减少复杂逻辑，让模板更清晰、易读。

简单来说：

计算属性是基于其他响应式数据而自动计算得到的值，且具有缓存和响应式的特性。

1、计算属性的基本用法

<script setup>
import { ref, computed } from 'vue'// 响应式数据
const firstName = ref('Tom')
const lastName = ref('Jerry')// 计算属性（根据响应式数据动态计算）
const fullName = computed(() => {return `${firstName.value} ${lastName.value}`
})
</script><template><div>{{ fullName }}</div> <!-- 显示：Tom Jerry -->
</template>

注意默认计算属性是只读的，但也可以定义成可写。当你尝试修改一个计算属性时，你会收到一个运行时警告。只在某些特殊场景中你可能才需要用到“可写”的属性，你可以通过同时提供 getter 和 setter 来创建：

<script setup>
import { ref, computed } from 'vue'const firstName = ref('John')
const lastName = ref('Doe')const fullName = computed({// getterget() {return firstName.value + ' ' + lastName.value},// setterset(newValue) {// 注意：我们这里使用的是解构赋值语法[firstName.value, lastName.value] = newValue.split(' ')}
})
</script>

现在当你再运行 fullName.value = 'John Doe' 时，setter 会被调用而 firstName 和 lastName 会随之更新。

注意，computed()里面不接受任何的参数，我们看到里面有一个回调函数，这个回调函数本质上是getter函数

之前版本（<3.4），这个 getter 函数没有参数。
从 3.4 开始，这个 getter 函数可以接受一个参数：就是上一次计算属性的计算结果。

简单来说：

如果需要，可以通过访问计算属性的 getter 的第一个参数来获取计算属性返回的上一个值：

<script setup>
import { ref, computed } from 'vue'const count = ref(2)// 这个计算属性在 count 的值小于或等于 3 时，将返回 count 的值。
// 当 count 的值大于等于 4 时，将会返回满足我们条件的最后一个值
// 直到 count 的值再次小于或等于 3 为止。
const alwaysSmall = computed((previous) => {if (count.value <= 3) {return count.value}return previous
})
</script>

如果你正在使用可写的计算属性的话：

<script setup>
import { ref, computed } from 'vue'const count = ref(2)const alwaysSmall = computed({get(previous) {if (count.value <= 3) {return count.value}return previous},set(newValue) {count.value = newValue * 2}
})
</script>

2、计算属性与方法（methods）的详细区别

两者区别如下：

对比维度	计算属性（computed）	方法（methods）
缓存机制	有缓存，仅数据变化才重新计算	无缓存，每次调用都会执行
调用方式	不需要括号调用，像属性一样使用	需要括号调用，明确为函数
适用场景	基于响应式数据的计算	处理事件或显式调用的场景
性能开销	性能较高（缓存优化）	性能较低（频繁调用时）

计算属性与方法性能差异分析

假设模板多次渲染对比：

计算属性：

<div>{{ doubleCount }}</div>
<div>{{ doubleCount }}</div>
<div>{{ doubleCount }}</div>

只计算一次，缓存结果。

方法调用：

<div>{{ getDoubleCount() }}</div>
<div>{{ getDoubleCount() }}</div>
<div>{{ getDoubleCount() }}</div>

每次都调用一次，共调用3次，性能浪费。

因此，对于频繁使用但数据不频繁变化的场景，建议使用计算属性。

3、计算属性什么时候不能用？

计算属性适用于：

同步、快速的计算逻辑。
无副作用的计算（纯函数）。

计算属性不适合：

异步逻辑（如请求数据）。
执行副作用（修改其他数据、DOM 操作）。

二、监听属性

在 Vue 中，监听属性（Watch） 是一种响应式机制，用于监测响应式数据的变化：

当你想在数据发生变化时执行某些逻辑（如发送请求、更新数据或执行某些副作用）时，就可以使用监听属性。
监听属性通过 Vue 提供的 watch() 或 watchEffect() 函数实现。

简单来说：

监听属性让你能够对数据变化做出反应，执行一些副作用或异步操作。

1、监听属性的基本用法（watch）

<script setup>
import { ref, watch } from 'vue'const count = ref(0)// 监听 count 的变化
watch(count, (newValue, oldValue) => {console.log(`count变化了：从${oldValue}到${newValue}`)
})
</script><template><button @click="count++">增加 ({{ count }})</button>
</template>

当 count 的值改变时，watch 会自动触发，执行回调函数。

监听多个数据：

const firstName = ref('Tom')
const lastName = ref('Jerry')// 同时监听 firstName 和 lastName
watch([firstName, lastName], ([newFirst, newLast], [oldFirst, oldLast]) => {console.log(`名字变化了：${oldFirst} ${oldLast} => ${newFirst} ${newLast}`)
})

2、监听属性的参数与选项（高级用法）

🔹 监听属性的函数签名：watch(source, callback, options)

source: 需要监听的响应式数据，可以是单个或多个。可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组：
callback: 数据变化时执行的回调函数。
options: 可选参数，控制监听器行为。

🔹 常用的监听选项（options）：

选项	含义	默认值
`immediate`	是否立即执行一次监听回调	false
`deep`	是否深度监听对象内部属性变化	false
`flush`	控制监听器回调的执行时机	'pre'

深度监听（deep）到底是什么？

默认情况下，Vue 的监听器只能监听对象引用本身的变化（比如替换对象）。
使用 deep: true 时，能监听对象或数组内部属性或元素的变化。

const user = ref({ name: 'Tom', age: 18 })// 默认浅监听（只能监听整个对象变化）
watch(user, () => {console.log('浅监听：user变化了')
})user.value.age = 19 // ❌不会触发浅监听（对象引用未变）
user.value = { name: 'Jerry', age: 19 } // ✔️触发// 深度监听（对象内部属性变化也会触发）
watch(user, () => {console.log('深监听：user变化了')
}, { deep: true })user.value.age = 20 // ✔️触发深度监听

监听属性的执行时机（flush）

flush 控制监听回调的执行时机：

flush 值	含义	使用场景
`pre`	默认值，组件更新之前执行	大多数情况
`post`	组件更新之后执行	需要访问更新后的DOM时
`sync`	同步触发，数据变化立即执行	非常特殊情况

3、watch vs watchEffect 的区别

在 Vue 中，watch() 和 watchEffect() 都用于响应式地执行一些副作用操作（如发起请求、改变 DOM），但二者的追踪数据依赖方式不同：

特性	`watch()`	`watchEffect()`
如何追踪依赖	手动显式指定要监听的数据（明确）	自动追踪回调中访问的数据（隐式）
首次执行	默认不立即执行，需手动开启	自动立即执行一次
控制粒度	精确控制监听的数据项，控制更细	自动追踪所有访问的响应式数据，更灵活
适用场景	明确知道监听什么数据变化	数据依赖较多或复杂，更希望自动追踪

举个简单例子，监听单个明确的数据：

const todoId = ref(1)
const data = ref(null)watch(todoId,async () => {const response = await fetch(`https://jsonplaceholder.typicode.com/todos/${todoId.value}`)data.value = await response.json()},{ immediate: true }
)

特点：

todoId 被显式声明为监听的源。
回调函数只在明确的源数据（todoId）改变时触发。
必须用 { immediate: true } 来立即执行一次，否则首次不会执行。

1、 `watchEffect()` 如何简化上面的例子？

const todoId = ref(1)
const data = ref(null)watchEffect(async () => {const response = await fetch(`https://jsonplaceholder.typicode.com/todos/${todoId.value}`)data.value = await response.json()
})

特点：

自动立即执行一次，无需手动指定 { immediate: true }。
无需手动指定监听源，回调函数内的所有响应式数据访问（这里是 todoId.value）会自动被 Vue 跟踪。
一旦被跟踪的数据变化（例如：todoId.value 改变），回调会自动再次执行。

2、`watchEffect()` 的依赖跟踪原理（关键）：

watchEffect() 会自动追踪回调函数在同步执行时访问的所有响应式数据。
但有个重要提示：

如果回调是异步函数，那么只有在第一个 await 之前访问的数据才会被追踪！

watchEffect(async () => {console.log(todoId.value) // ✅ 被追踪，因为在 await 之前访问const response = await fetch('...')console.log(someOtherRef.value) // ❌ 不被追踪，因为在 await 之后访问
})

原因是：

Vue 只能追踪同步执行阶段访问的数据。
在异步操作完成后的回调内访问的数据不会被 Vue 追踪。

`3、watchEffect()` 在实际场景中的优势：

优势一：自动跟踪多个数据源（不必手动指定）：

假如你有多个响应式数据：

const firstName = ref('Tom')
const lastName = ref('Jerry')watchEffect(() => {console.log(`Name: ${firstName.value} ${lastName.value}`)
})Vue 自动监控 firstName 和 lastName。无论哪个改变，都会触发回调函数。使用 watch() 则必须手动指定数据源：
watch([firstName, lastName], () => {console.log(`Name: ${firstName.value} ${lastName.value}`)
})

优势二：更精细地跟踪对象属性（比深监听高效）：

假如你有复杂对象：

const user = ref({name: 'Tom',age: 20,address: { city: 'Shanghai', street: 'Main St' }
})watchEffect(() => {console.log(`User city: ${user.value.address.city}`)
})watchEffect() 只监听了对象的部分属性 (address.city)，高效、精准。如果用深监听 (watch(user, ..., { deep: true }))，会监听所有属性的变化，性能可能较差。

4、什么时候用 `watch()`？什么时候用 `watchEffect()`？

场景	推荐方式	理由
明确知道监听的数据源	✅ 使用 `watch()`	明确指定，粒度精准
多个数据源或依赖复杂	✅ 使用 `watchEffect()`	自动跟踪，代码更简洁、更灵活
动态数据请求或复杂副作用	✅ `watchEffect()`	自动监听，省去手动指定烦恼

4、监听属性的常见使用场景

场景	示例
数据变化请求API	表单值变化时重新获取数据
数据变化存储数据	自动保存用户输入
执行副作用	数据变化时更新DOM或执行动画

5、监听属性的注意事项

避免无限循环：

watch(count, (val) => {count.value++ // ⚠️ 无限循环，不要这样做
})

不要监听非响应式数据（监听无效）：

const plain = { name: 'Tom' }
watch(plain, () => {}) // ❌ 无效

使用深监听时注意性能问题（深监听成本较高）：
```
watch(obj, () => {}, { deep: true }) // 谨慎使用
```
注意，你不能直接侦听响应式对象的属性值，例如、

const obj = reactive({ count: 0 })// 错误，因为 watch() 得到的参数是一个 number
watch(obj.count, (count) => {console.log(`Count is: ${count}`)
})

这里需要用一个返回该属性的 getter 函数：

// 提供一个 getter 函数
watch(() => obj.count,(count) => {console.log(`Count is: ${count}`)}
)

6、副作用清理

在 Vue 中，所谓的副作用通常指：

异步请求（如 API 请求）
定时器 (setTimeout、setInterval)
DOM 操作、监听事件
其他非纯函数的逻辑

这些操作不是立即完成的，可能会在未来某个时刻继续执行。

为什么需要副作用清理？

以 API 请求为例：假设我们有一个监听器监听 id：
watch(id, (newId) => {fetch(`/api/${newId}`).then(() => {console.log('请求完成，当前ID:', newId)})
})

可能的问题：

当你快速修改 id：

请求 1 (/api/1) 发出后，还未完成。
请求 2 (/api/2) 立即发出。
如果请求 2 的响应比请求 1 快，那么请求 1 的响应（较慢）回来时，结果是过时的，但还是会被处理。

我们想要的：

当数据变化时，上一个异步请求应被取消或忽略，不再执行后续逻辑。

为了解决这个问题，Vue 提供了副作用清理机制。

副作用清理函数 (`onCleanup()`)

从 Vue 3.0 开始，Vue 提供了一个清理机制，称为 onCleanup。

watch(id, (newId, oldId, onCleanup) => {const controller = new AbortController()fetch(`/api/${newId}`, { signal: controller.signal }).then((res) => res.json()).then((data) => {console.log('请求结果:', data)})onCleanup(() => {controller.abort() // 取消上一个请求})
})

含义解释：

每次监听的数据 (id) 变化时：
- 先调用上一次注册的 onCleanup 清理函数。
- 然后再执行新一次监听回调。
因此，上一次的异步请求会自动终止，避免过时请求的结果被错误处理。

watchEffect() 中的副作用清理

watchEffect((onCleanup) => {const timer = setInterval(() => {console.log('定时执行')}, 1000)onCleanup(() => {clearInterval(timer) // 清理定时器})
})

原理相同：

每次响应式数据变化重新执行副作用之前，先调用清理函数。
确保副作用（定时器、请求等）不重叠，避免内存泄漏或数据错乱。

从 Vue 3.5 版本开始，引入了新 API：onWatcherCleanup()：

import { watch, onWatcherCleanup } from 'vue'watch(id, (newId) => {const controller = new AbortController()fetch(`/api/${newId}`, { signal: controller.signal }).then(() => {console.log('请求完成:', newId)})onWatcherCleanup(() => {controller.abort() // 取消上一个请求})
})

特点：

不再需要第三个参数 onCleanup。
可以独立地在监听器或 watchEffect() 回调函数内调用清理函数。

使用限制：

必须在同步阶段调用，不可放在 await 之后。
因此，必须在异步操作之前注册。

正确用法（同步调用）：watch(id, (newId) => {const controller = new AbortController()onWatcherCleanup(() => controller.abort()) // 同步调用，正确！fetch(`/api/${newId}`, { signal: controller.signal })
})❌ 错误用法（异步调用）：watch(id, async (newId) => {const controller = new AbortController()await someAsyncOperation()onWatcherCleanup(() => controller.abort()) // ❌ 错误！异步调用

前端面经-VUE3篇--vue3基础知识（二）计算属性(computed)、监听属性（Watch）

一、计算属性(computed) 计算属性（Computed Properties）是 Vue 中一种特殊的响应式数据，它能基于已有的响应式数据动态计算出新的数据。计算属性有以下特性： 自动缓存：只有当它依赖的响应式数据发生变化时&#xff…...

编程日记 2025/7/18 10:56:15

双向链表详解

一、双向链表介绍二、实现双向链表 1.定义双向链表的结构 2.双向链表的初始化 3.双向链表的尾插 4.双向链表的头插 5.双向链表的打印 6.双向链表的尾删 7.双向链表的头删 8.查找指定位置的数据 9.在指定位置之后插入数据 10.删除指定位置的数据 11.链表的销毁三、…...

编程日记 2025/7/19 5:09:37

基于SpringBoot+Vue实现的电影推荐平台功能一

一、前言介绍： 1.1 项目摘要 2023年全球流媒体用户突破15亿，用户面临海量内容选择困难，传统推荐方式存在信息过载、推荐精准度低等问题。传统推荐系统存在响应延迟高（平均>2s）。随着互联网的快速发展，…...

编程日记 2025/7/19 5:10:27

预订接口优化：使用本地消息表保证订单生成、库存扣减的一致性

🎯 本文介绍了一种优化预订接口的方法，通过引入本地消息表解决分布式事务中的最终一致性问题。原先的实现是在一个事务中同时扣减库存和创建订单，容易因网络不稳定导致数据不一致。改进后的方法将业务操作和消息发送封装在本地事务中&#xf…...

编程日记 2025/7/19 5:22:38

深度学习与 PyTorch 基础

笔记 1 深度学习简介 1.1 深度学习概念深度学习是机器学习的一类算法, 以人工神经网络为结构, 可以实现自动提取特征深度学习核心思想是人工神经网络为结构, 自动提取特征 1.2 深度学习特点自动提取特征解释性差大量数据和高性能计算能力非线性转换(引入非线性因…...

编程日记 2025/7/19 5:23:50

libevent库详解：高性能异步IO的利器

目录一、libevent 简介主要特点： 二、事件模型原理 1. event_base 2. event 3. evconnlistener（TCP监听器） 4. bufferevent 简化流程如下： 三、libevent 使用示例 1. 创建事件主循环 2. 创建监听器（TCP&a…...

编程日记 2025/7/19 5:17:41

第一章：A Primer on Memory Consistency and Cache Coherence - 2nd Edition

引言： 许多现代计算机系统，包括同构和异构架构的系统，都在硬件层面支持共享内存。在共享内存系统中，每个处理器核心都可以对单一的共享地址空间进行读写操作。对于共享内存计算机而言，内存一致性模型定义了其内存系统在…...

编程日记 2025/7/19 5:33:12

NVIDIA Omniverse在数字孪生中的算力消耗模型构建方法

引言：虚拟实验室的算力经济学在高校虚拟实验室建设中，数字孪生系统的实时物理仿真精度与算力成本之间存在显著矛盾。以H800 GPU集群为例，单个8卡节点每秒可处理2.3亿个物理粒子交互，但若未建立精准的算力消耗模型，资…...

编程日记 2025/7/19 5:34:16

C++ 动态内存管理详讲

1. 四个全局函数的定义与作用这四个函数只负责空间的开辟和释放，不会调构造和析构 (1) ::operator new cpp void* operator new(size_t size); // 全局版本功能：分配 size 字节的未初始化内存。底层实现：调用 malloc(size)。调用场…...

编程日记 2025/7/19 5:33:12

纹理对象创建

纹理对象通俗点就是贴图，像游戏的皮肤什么就是纹理。常间的结构就是激活纹理单元（0-15有16个），将纹理对象挂在纹理单元上，纹理采样器需要采哪个样品就与哪个单元挂钩就行了，加载纹理对象需要用到stb_image库…...

编程日记 2025/7/19 5:35:18

如何利用dify 生成Fine‑tune 需要的Alpaca 格式数据

如果你选择llamafactory 格式进行微调，它只是格式是Alpaca格式，dify 的agent dsl 如下，你可以导入本地的dify 或者导入cloud 版本的；测试版本是0.1.5 app:description: 上传文件，基于文件内容，使用 Silico…...

编程日记 2025/7/19 5:12:20

软件第三方测试：关键部分、意义、流程及方法全解析？

软件第三方测试是保障软件质量的关键部分，它由专业的机构来开展，这个机构不隶属于开发方和使用方，能以客观公正的视角找出软件问题。测试意义软件第三方测试意义重大，它依靠专业技术，依照严格流程，对软…...

编程日记 2025/7/19 5:17:41

贪心算法解决会议安排问题

文章目录前言一、什么是贪心算法？ 贪心算法的基本概念：贪心算法并不从整体最优上加以考虑，所做的选择只是在某种意义上的局部最优选择。二、会议安排题目 1.题目理解 2.思路剖析总结前言本文将主要介绍贪心算法需要注意的地方以…...

编程日记 2025/7/19 5:35:18

高露洁牙膏是哪个国家的品牌？高露洁牙膏哪一款最好？

高露洁是来自于美国一个比较有知名度的品牌，在1806年的时候创立。总部是在美国纽约公园大道，在1873年时，高露洁就已经开始销售罐装牙膏。在1896年时期推出可折叠管牙膏，在口腔护理产品发展的过程中拥有着不容忽视的地位。在1992…...

编程日记 2025/7/19 5:29:53

lin接口在线计算数据帧的校验位

在线校验计算链接：https://linchecksumcalculator.machsystems.cz/ 插入图片：...

编程日记 2025/7/19 5:24:47

Linux-07-Shell

一、Shell概述: Shell是一个命令行解释器，它接受应用程序/用户命令，然后调用操作系统内核二、Shell中的变量: 1.系统预定义的变量: $HOME,$PWD,$SHELL,$USER等 2.用户自定义的变量: (1).基本语法: 定义变量:变量名变量值，注意前后不能…...

编程日记 2025/7/19 5:14:09

【云盘】使用阿里云盘托管项目大文件

【云盘】使用阿里云盘托管项目大文件由于经常需要切换服务器运行项目实验，不同服务器在项目实验过程中会产生不同的数据、模型等较大文件，不能像代码那样能够使用git托管，因此考虑使用阿里云盘作为”第三方平台“托管这些大文件。一、使用…...

编程日记 2025/7/19 5:23:50

《缓存策略：移动应用网络请求的“效能密钥” 》

用户体验无疑是重中之重，而网络请求性能，恰似一座桥梁，连接着用户与应用丰富的内容和功能。当网络不佳或者请求频繁时，缓慢的响应速度常常让用户兴致索然，甚至可能导致用户流失。此时，缓存策略就如同一位幕…...

编程日记 2025/7/19 5:14:09

深入解析C++11委托构造函数：消除冗余初始化的利器

一、传统构造函数的痛点在C11之前，当多个构造函数需要执行相同的初始化逻辑时，开发者往往面临两难选择： class DataProcessor {std::string dataPath;bool verbose;int bufferSize; public:// 基础版本DataProcessor(const std::string&am…...

编程日记 2025/7/19 5:35:18

文章七《深度学习调优与超参数优化》

🚀 文章7：深度学习调优与超参数优化——你的AI模型需要一场"整容手术" 一、模型调优核心策略：像调整游戏装备一样优化模型 1. 学习率调整：掌控训练的"油门踏板" 比喻：把模型训练想象成赛车游戏&…...

编程日记 2025/7/19 5:03:37

python入门(1)变量与输入输出

一、变量使用规则变量名值例子 a13变量名规则变量名可以用大小写字母、数字、下划线。数字、下划线不可开头例子 name name1 1name name_first _first 二、输入输出输出print print(*objects,sep"",end"\n") objects:多个要输出的值 sep:每个…...

编程日记 2025/7/19 5:18:40

藏文情感分析器入门学习实践

🎯 项目目标： 输入一段藏文短句。自动分析这句话的情感倾向：积极（正面）/消极（负面）/中立。 🔍 技术原理简介情感分析是什么？ 情感分析（Sentiment Analysi…...

编程日记 2025/7/19 5:32:09

爱胜品ICSP YPS-1133DN Plus黑白激光打印机报“自动进纸盒进纸失败”处理方法之一

故障现象如下图提示： 用户的爱胜品ICSP YPS-1133DN Plus黑白激光打印机在工作过程中提示自动进纸盒进纸失败并且红色故障灯闪烁； 给出常见故障一般处理建议如下： 当您的爱胜品ICSP YPS-1133DN Plus 黑白激光打印机出现“自动进纸盒进纸失败”…...

编程日记 2025/7/19 4:55:21

数据库索引重建与优化操作在数据库性能维护与数据更新频繁场景下的应用

数据库索引重建与优化操作在数据库性能维护与数据更新频繁场景下的应用数据库索引的作用与重要性索引的定义与作用数据库索引是一种特殊的数据结构，用于加快数据库表的数据检索速度。它类似于书籍的目录，能够快速定位到需要的数据页，而不必…...

编程日记 2025/7/19 5:19:43

前端应用开发技术历程的简要概览

前端应用开发技术详解一、萌芽期（1990s - 2004） 技术特征 HTML 3.2 / HTML 4.01 是主流版本。样式用 CSS1/CSS2，但大部分样式写在 <style> 标签甚至行内。动态效果主要通过 JavaScript 控制 DOM，兼容性极差。代表事…...

编程日记 2025/7/19 5:16:36

SPOJ 11576 TRIP2 - A Famous King’s Trip 【Tarjan+欧拉回路】

自我吐槽 （哭题目传送门 SPOJ 洛谷题目大意让你在简单无向图上删去2条边，使该图联通并存在欧拉回路输出字典序最小的一对边思路考虑到存在欧拉回路的充要条件，即 i n x ≡ 0 ( m o d 2 ) ∀ i ( 1 ≤ i ≤ n ) in_x\equiv 0 (\m…...

编程日记 2025/7/19 5:11:26

DeepSeek R1：强化学习范式的推理强化模型

定位与目标 DeepSeek R1 的推出并非 DeepSeek V3 的简单迭代，而是一次在训练范式上的大胆探索。与传统大模型主要依靠监督微调(SFT)后进行强化学习不同，R1 将重点放在推理能力和行为对齐上，尝试通过大规模强化学习直接激发模型的推理潜力。其目标是利用强化学习的反馈机制，…...

编程日记 2025/7/19 5:33:12

ubuntu22.04安装显卡驱动与cuda+cuDNN

背景： 紧接前文：Proxmox VE 8.4 显卡直通完整指南：NVIDIA 2080 Ti 实战。在R740服务器完成了proxmox的安装，并且安装了一张2080ti 魔改22g显存的的显卡。配置完了proxmox显卡直通，并将显卡挂载到了vm 301（…...

编程日记 2025/7/19 5:28:58

使用python爬取百度搜索中关于python相关的数据信息

Python爬取百度搜索"Python"相关数据信息一、准备工作在开始爬取之前，需要了解以下几点： 百度搜索有反爬机制，需要合理设置请求头百度搜索结果页面结构可能会变化需要遵守robots.txt协议（百度允许爬取搜索结果&…...

编程日记 2025/7/19 5:13:14

Bootstrap（自助法）：无需假设分布的统计推断工具

核心思想 Bootstrap 是一种重采样（Resampling）技术，通过在原始数据中有放回地重复抽样，生成大量新样本集，用于估计统计量（如均值、方差）的分布或模型性能的不确定性。 …...

编程日记 2025/7/19 5:02:43

lib和dll介绍和VS2019生成实例

目录 lib文件和dll文件的作用dll和lib的优缺点VS2019 编译YOLOv5的dll和lib lib文件和dll文件的作用 (1)lib是编译时需要的，dll是运行时需要的。如果要完成源代码的编译，有lib就够了。如果也使动态连接的程序运行起来，有dll就够了。在开发…...

编程日记 2025/7/19 5:32:09

tinycudann安装过程加ubuntu18.04gcc版本的升级（成功版！！！！）

使用的是 Linux，安装以下软件包 sudo apt-get install build-essential git安装 CUDA 并将 CUDA 安装添加到您的 PATH。例如，如果您有 CUDA 12.6.3，请将以下内容添加到您的/usr/local/~/.bashrcexport PATH"/usr/local/cuda-12.6.3/bi…...

编程日记 2025/7/19 5:16:36

数字智慧方案5869丨智慧健康医疗养老大数据整体规划方案（76页PPT）（文末有下载方式）

资料解读：智慧健康医疗养老大数据整体规划方案详细资料请看本解读文章的最后内容。随着科技的飞速发展，健康医疗领域正经历着一场深刻的变革。特别是在大数据和人工智能技术的推动下，智慧健康医疗养老的整体规划方案逐渐浮出水面。本文将…...

编程日记 2025/6/29 8:02:09

使用huggingface_hub需要注意的事项

在安装huggingface_hub的时候要注意如果你的python是放在c盘下时记得用管理员模式命令行来安装huggingface_hub，否则安装过程会报错，之后也不会有huggingface-cli命令。如果安装时因为没有用管理员权限安装而报错了，可以先卸载huggingface-…...

编程日记 2025/7/19 5:24:47

Matplotlib核心课程-2

4.1 数据加载、储存 4.1.1 从数据文件读取数据导入支持库： import numpy as np from pandas import Series,DataFrame import pandas as pd 从csv文件读取数据，一般方法： pd.read_csv(../data/ex1.csv,encodinggbk) 从csv文件读取数据&#…...

编程日记 2025/7/19 5:27:03

友元函数和友元类

友元友元是 C 提供的一种打破封装的机制，允许友元函数或友元类访问某个类的非公有成员（private/protected）。友元函数友元函数可以直接访问类的所有成员，它是定义在类外部的普通函数 ，不属于任何类…...

编程日记 2025/7/19 5:16:36

P1064 [NOIP 2006 提高组] 金明的预算方案背包＋附属品DP #include<bits/stdc.h> using namespace std; #define int long long int n, m, v, p, q; struct node{int id, v, s, f; }a[100]; int b[32010], dp[32010]; bool cmp(node a, node b){if(a.id b.…...

编程日记 2025/7/19 5:34:15

用VNA进行天线阻抗匹配的实例大图

比如我这天线，在7Mhz时不谐振，我进行匹配天线的阻抗很高，大约是在500-1400欧，而等效电容电感很小。所以我考虑使用阻抗变压器降低阻抗。 1。测试天线阻抗，电阻相当高，等效电容很小。 2。通过磁环匹配到…...

编程日记 2025/6/29 6:24:03

普通IT的股票交易成长史--20250502 突破（1）

声明：本文章的内容只是自己学习的总结，不构成投资建议。文中观点基本来自yt站方方土priceaction，综合自己的观点得出。感谢他们的无私分享。送给自己的话： 仓位就是生命，绝对不能满仓！！&#…...

编程日记 2025/6/29 6:12:56

[预备知识]5. 优化理论（一）

优化理论梯度下降（Gradient Descent） 数学原理与可视化梯度下降是优化领域的基石算法，其核心思想是沿负梯度方向迭代更新参数。数学表达式为： θ t 1 θ t − α ∇ θ J ( θ t ) \theta_{t1} \theta_t - \alpha \nabla…...

编程日记 2025/6/29 6:44:44

AI人工智能的接入和使用

缘起从参加工作开始就在从事AI的落地和接入，到现在已经25年了。所以对AI一直有种情怀，还写了一系列的《基于语音识别的智能电子病历》的文章，记录了这条路上的潮起潮落。年少多痴狂 2015年开始负责开发语音识别引擎语义分析，…...

编程日记 2025/6/29 6:44:26

QT6（32）4.5常用按钮组件：Button 例题的代码实现

（103） 先设置对齐： 再设置粗体、斜体、下划线： 给出这三个按钮的源码; 颜色按钮的实现 ： 至此完结，谢谢老师们的无私教导。 （104） 谢谢...

编程日记 2025/6/29 5:29:40

B站Michale_ee——ESP32_IDF SDK——FreeRTOS_8 消息缓冲区

Message Buffer（消息缓冲区）与Stream Buffer（流数据缓冲区）类似，但有2点不同： Message Buffer每次只接收1次完整的Message;Message Buffer接收缓冲区小于1条Message大小时，会接收不到数据&#…...

编程日记 2025/6/29 7:58:59

DarkGS：论文解读与全流程环境配置及数据集测试【基于Ubuntu20.04 】【2025最新实战无坑版！！】

一、背景及意义 DarkGS是一个创新性的研究项目，旨在解决机器人在黑暗或低光照环境中探索的问题。传统的3D重建和视觉定位系统在光照条件不佳时表现不佳，这严重限制了机器人在黑暗环境中的应用，如夜间救援、深海探索或洞穴勘测等场景。这项工…...

编程日记 2025/7/18 16:28:32

【大模型面试每日一题】Day 6：分布式训练中 loss 出现 NaN，可能原因及排查方法？

【大模型面试每日一题】Day 6：分布式训练中 loss 出现 NaN，可能原因及排查方法？ 📌 题目重现 🌟🌟 面试官：你在使用 PyTorch 进行大规模语言模型的分布式训练时，发现 loss 变成 Na…...

编程日记 2025/7/16 17:29:24

[面试]SoC验证工程师面试常见问题（二）

SoC验证工程师面试常见问题（二）摘要：面试SoC验证工程师时，SystemVerilog (SV) 和 UVM (Universal Verification Methodology) 是核心技能，而AXI总线是现代SoC中最常见的接口协议之一，因此也是必考点。以下是可能被问到的问题及优质答案的详细列表：一、 System…...

编程日记 2025/6/29 5:22:02