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

Vue2——常用指令总结、指令修饰符、v-model原理、computed计算属性、watch监听器、ref和$refs

news 来源：原创 2025/7/12 19:37:41

文章目录

- 一、概念理解
- 二、指令
- - 1. 常用内置指令总结
  - 2. 常用指令修饰符
  - 3. 自定义指令
  - 4. v-model
  - - 原理
    - 表单类组件封装
- 三、补充
- - 1. computed计算属性
  - 2. watch监视器
  - 3. ref和$refs

一、概念理解

【事件处理函数】

事件处理函数应该写到一个跟data同级的配置项（methods）中
methods中的函数内部的this都指向Vue实例
如果不传递任何参数，则方法无需加小括号；methods方法中可以直接使用 e 当做事件对象
如果传递了参数，则实参 $event 表示事件对象，固定用法。

【Vue生命周期】

Vue生命周期：一个Vue实例从创建到销毁的整个过程。

生命周期四个阶段：

1.创建阶段：创建响应式数据

2.挂载阶段：渲染模板

3.更新阶段：修改数据，更新视图

4.销毁阶段：销毁Vue实例

Vue生命周期过程中，会自动运行一些函数，被称为生命周期钩子→ 让开发者可以在特定阶段运行自己的代码

脚手架Vue CLI：Vue官方提供的一个全局命令工具，帮助我们快速创建一个开发Vue项目的标准化基础架子。（集成了webpack配置）

【异步更新】

Vue 是异步更新DOM (为了提升性能)，比如实现一个需求：

点击按钮—>编辑框自动聚焦

点击编辑按钮，显示编辑框
让编辑框立刻获取焦点

编辑框显示后，立刻获取焦点是不能成功的！

解决方法：

$nextTick：等 DOM更新后,才会触发执行此方法里的函数体

语法: this.$nextTick(函数体)

this.$nextTick(() => {this.$refs.inp.focus()
})

注意：$nextTick 内的函数体一定是箭头函数，这样才能让函数内部的this指向Vue实例

使用setTimeout其实也能实现，但是自定义的等待时间不准确，随着程序体量的变化，我们不知道多长事件DOM更新结束

二、指令

1. 常用内置指令总结

指令（Directives）是 Vue 提供的带有 v- 前缀 的特殊 标签属性。

指令	示例	描述
内容渲染指令
`v-text`	`<p v-text="uname">hello</p>`	类似 `innerText`， uame 值渲染到 p 标签中，会覆盖 p 标签原有内容
`v-html`	`<p v-html="intro">hello</p>`	将 intro 值渲染到 p 标签中，会覆盖 p 标签原有内容，能将HTML标签的样式呈现出来
条件渲染指令
`v-show`	`v-show = "表达式"`	达式值为 true 显示， false 隐藏，频繁切换显示隐藏的场景
`v-if`	`v-if= "表达式"`	条件渲染，表达式值 true显示， false 隐藏，创建或移除元素节点，适用于不频繁切换的场景
`v-else`和 `v-else-if`	`v-else v-else-if="表达式"`	辅助v-if进行判断渲染，需要紧接着v-if使用
事件绑定指令
`v-on`	`<button v-on:事件名="内联语句">按钮</button>`或 `<button v-on:事件名="处理函数(实参)">按钮</button>`	为DOM注册事件，简写为 @
属性绑定指令
`v-bind`	`v-bind:属性名=“表达式”`	动态设置html的标签属性比如：src、url、title，可以简写成 :
列表渲染指令
`v-for`	`v-for (item, index) in arr :key="唯一值"（字符串或数字类型）`	基于一个数组或对象或数字来循环渲染一个列表结构，item 是数组中的每一项，index 是每一项的索引，不需要可以省略，arr 是被遍历的数组，key给列表项添加的唯一标识
双向绑定指令
`v-model`	`v-model="变量"`	给表单元素（input、radio、select）使用，双向绑定数据，可以快速获取或设置表单元素内容

2. 常用指令修饰符

指令	示例	描述
`@keyup.enter`	`<input @keyup.enter>`	监听键盘enter事件
`v-model.trim`	v-`model.trim`	去除首位空格
`v-model.number`	`v-model.number`	转数字
`@事件名.stop`	`<div @click.stop="fatherFn" class="father">`	阻止事件冒泡
`@事件名.prevent`	`<div @click.prevent="fatherFn" class="father">`	阻止默认行为
`@事件名.stop.prevent`		可以连用即阻止事件冒泡也阻止默认行为（比如点击链接但是不跳转到页面）
v-bind对样式控制的增强
`:class='对象/数组'`	对象语法：`<div class="box" :class="{ 类名1: 布尔值, 类名2: 布尔值 }"></div>` 数组语法： `<div class="box" :class="[ 类名1, 类名2, 类名3 ]"></div>`	针对 class 类名和 style 行内样式进行控制，如果值是true，就有这个类，否则没有这个类
`:disabled=布尔值`	`:disabled=布尔值`	接收布尔值，如果为true禁用标签
`:style={}`	`<div class="box" :style="{ CSS属性名1: 新CSS属性值, CSS属性名2: 新CSS属性值 }"></div>`	属性名不支持带横杠，如果有横杠需要用引号包裹

3. 自定义指令

自己定义的指令，可以封装一些DOM操作，扩展额外的功能

inserted:被绑定元素插入父节点时调用的钩子函数

el：使用指令的那个DOM元素

全局注册

//在main.js中
Vue.directive('指令名', {"inserted" (el) {// 可以对 el 标签，扩展额外功能el.focus()}
})// 在xxx.vue中
<input type="text"  v-focus/>

局部注册

//在Vue组件的配置项中
directives: {"指令名": {inserted (el) {// 可以对 el 标签，扩展额外功能el.focus()}}
}

使用指令

注意：在使用指令的时候，一定要先注册，再使用，否则会报错

注册指令时不用加v-前缀，但使用时要加v-前缀

指令的值

在绑定指令时，可以通过“=”的形式为指令绑定具体的参数值

<div v-color="color">我是内容</div>

通过 binding.value 可以拿到指令值，指令值修改会触发 update 函数

directives: {color: {inserted (el, binding) {el.style.color = binding.value},update (el, binding) {el.style.color = binding.value}}
}

4. v-model

特别重点理解v-model指令

常见的表单元素都可以用它来绑定，用于快速获取或设置表单元素的值，它会根据控件类型字段选取正确的方法来更新元素。

输入框  input:text   ——> value
文本域  textarea	 ——> value
复选框  input:checkbox  ——> checked
单选框  input:radio   ——> checked
下拉菜单 select    ——> value
...

原理

v-model本质上是一个语法糖。例如应用在输入框上，是绑定value属性和 input事件的合写。

不同的表单元素， v-model在底层的处理机制是不一样的。比如给checkbox使用v-model底层处理的是 checked属性和change事件。

提供数据的双向绑定，$event 用于在模板中，获取事件的形参

数据变–>视图变 :value
视图变–>数据变 @input

<template><div id="app" ><input v-model="msg" type="text">
// 等价于<input :value="msg" @input="msg = $event.target.value" type="text"></div>
</template>

表单类组件封装

未封装时，表单组件父子间通信通过双向数据绑定、事件监听实现

// App.vue
<template><div class="app"><!-- $event获取事件的形参 --><BaseSelect:cityId="selectId" @changeId="selectId=$event"></BaseSelect></div>
</template><script>
import BaseSelect from './components/BaseSelect.vue'
export default {data() {return {selectId: '101',}},components: {BaseSelect,},
}
</script><style>
</style>

// BaseSelect.vue
<template><div><select :value="cityId" @change="handleChange"><option value="101">北京</option><option value="102">上海</option><option value="103">广州</option><option value="104">深圳</option></select></div></template><script>export default {props: {cityId: String},methods: {handleChange (e) {// console.log(e.target.value)this.$emit('changeId', e.target.value)}}}</script><style></style>

v-model封装时，v-model其实是 :value和@input事件的简写

子组件：props通过value接收数据，事件触发 input

父组件：v-model直接绑定数据

// 子组件
<select :value="value" @change="handleChange">...</select>
props: {value: String
},
methods: {handleChange (e) {this.$emit('input', e.target.value)}
}// 父组件
<BaseSelect v-model="selectId"></BaseSelect>

.sync修饰符，本质就是 :属性名 和 @update:属性名 合写

可以实现 子组件 与 父组件数据 的 双向绑定，作用和v-model类似，用于简化代码

// 父组件
//.sync写法
<BaseDialog :visible.sync="isShow" />
//--------------------------------------
//完整写法
<BaseDialog :visible="isShow" @update:visible="isShow = $event" 
/>// 子组件
props: {visible: Boolean
},this.$emit('update:visible', false)

三、补充

1. computed计算属性

声明在 computed 配置项中，该配置项和data配置项是同级的，一个计算属性对应一个函数
使用起来和普通属性一样使用 {{ 计算属性名}}
computed中计算属性内部的this依然指向的是Vue实例

**默认写法：**只能读取不能修改

<p>计算：{{ 计算属性名 }}</p>computed: {计算属性名 () {计算逻辑return 结果}
},

**完整写法：**能读取能修改

// 被获取求值时，执行get(有缓存，优先读缓存)
// 会将返回值作为求值的结果
// 被修改赋值时，执行set。修改的值传递给set方法的形参
computed: {计算属性名: {get () {计算逻辑return 结果},set (修改的值) {修改逻辑}}
}

与methods配置项的区别

computed具有缓存特性（提升性能）

计算属性会对计算出来的结果缓存，再次使用直接读取缓存，

依赖项变化了，会自动重新计算 → 并再次缓存
methods没有缓存特性
当一个结果依赖其他多个值时，最好使用计算属性；当处理业务逻辑时，最好使用methods方法，比如事件的处理函数

2. watch监视器

监视数据变化，执行一些业务逻辑或异步操作
watch声明在跟data同级的配置项中

注意，方法名不允许出现一些字符，比如-、.等，如果出现，需要用单引号包裹

简单写法： 简单类型数据直接监视

data: { words: '苹果',obj: {words: '苹果'}
},watch: {// 直接级别words (newValue, oldValue) {一些业务逻辑 或 异步操作。 },// 对象内的子属性  'obj.words' (newValue, oldValue) {一些业务逻辑 或 异步操作。 }
}

完整写法： 添加额外配置项

data: {obj: {words: '苹果',lang: 'italy'},
},watch: {// watch 完整写法对象: {deep: true, // 深度监视immdiate:true,//立即执行handler函数handler (newValue) {value发生改变后执行逻辑}}
}

3. ref和$refs

利用ref 和 $refs 可以用于获取 dom 元素或组件实例，规定查找范围使查找组件更精确

1.给要获取的盒子添加ref属性

<div ref="chartRef">我是渲染图表的容器</div>

2.获取时通过 $refs获取 this.$refs.chartRef 获取

mounted () {console.log(this.$refs.chartRef)
}

注意：

用document.querySelect(‘.box’) 获取的是整个页面中的类名为box的标签。

Vue2——常用指令总结、指令修饰符、v-model原理、computed计算属性、watch监听器、ref和$refs

文章目录一、概念理解二、指令1. 常用内置指令总结2. 常用指令修饰符3. 自定义指令4. v-model原理表单类组件封装三、补充1. computed计算属性2. watch监视器3. ref和$refs 一、概念理解【事件处理函数】事件处理函数应该写到一个跟data同级的配置项（methods&a…...

编程日记 2025/7/12 19:37:41

2025-3-29算法打卡

一，回文判定 1.题目描述： 题目描述给定一个长度为 nn 的字符串 SS。请你判断字符串 SS 是否回文。输入描述输入仅 11 行包含一个字符串 SS。 1≤∣S∣≤1061≤∣S∣≤106，保证 SS 只包含大小写、字母。输出描述若字符串 SS 为回…...

编程日记 2025/7/12 8:55:09

【网络编程】搭建一个简单的UDP通信服务器和客户端

🦄个人主页:修修修也 🎏所属专栏:网络编程 ⚙️操作环境:VS Code (操作系统:Ubuntu 22.04 server 64bit) 目录搭建UDP服务器搭建UDP客户端其余工程文件主函数文件Main.cc 日志打印文件Log.hpp Makefile文件结语搭建UDP服务器搭建UDP服务器的主要流…...

编程日记 2025/7/11 19:14:51

数据分析概述

数据分析：用适当的分析方法和挖掘方法对收集来的数据进行研究总结，提取有用的信息，形成结论并支持决策的过程。一.数据分析的分类 1.业务描述性分析。以数据为分析对象，以探索数据内的有用信息为主要途径，以解决业务…...

编程日记 2025/7/8 2:02:22

【C#】C#字符串拼接的6种方式及其性能分析对比

C#字符串拼接的6种方式及其性能分析对比前言BenchmarkDotNet拼接基础数据操作符$内插字符串String.FormatString.ConcatString.JoinStringBuilder性能基准对比测试完整代码少量字符串拼接大量字符串拼接前言在C#编程中字符串拼接是一种常见且基础的操作，广泛应用…...

编程日记 2025/7/11 19:33:32

图解AUTOSAR_SWS_SPIHandlerDriver

AUTOSAR SPI Handler/Driver 详解 AUTOSAR标准下的SPI通信模块详细设计与实现目录 AUTOSAR SPI Handler/Driver 详解目录1. AUTOSAR SPI模块概述 1.1 SPI模块的作用1.2 SPI模块在AUTOSAR中的位置1.3 SPI模块整体架构 2. SPI模块状态机 2.1 状态定义2.2 状态转换2.3 子状态机…...

编程日记 2025/7/11 1:13:14

华为HCIE网络工程师培训选机构攻略

从官方授权机构到性价比黑马，结合价格、师资、通过率等维度，为你筛选出最适合的培训方案。一、华为官方授权机构（优先推荐） 华为官方授权机构拥有真机实验环境考官级讲师，适合预算充足、追求高通过率的学员。机…...

编程日记 2025/7/9 8:30:24

【银河麒麟系统常识】命令：dotnet --list-sdks（列出已安装的 .NET SDK 版本）

命令： dotnet --list-sdks 功能列出当前系统中所有已安装的 .NET SDK 版本； 返回值规则 # 1. 格式：<版本号>[<安装路径>]； # 2. 排序：按版本号从低到高排序；示例...

编程日记 2025/6/28 1:37:30

【数据仓库】湖仓一体的核心建模理论

湖仓一体（Lakehouse）是一种融合数据湖与数据仓库优势的新型架构，其建模理论在传统数据仓库与数据湖基础上进行了扩展和创新。以下从核心建模理论、关键技术支撑及与传统架构的差异三个维度进行解析： 一、湖仓一体的核心建模理论 …...

编程日记 2025/7/10 8:17:08

文章目录 Properties of types and valuesRepresentation of valuesUnderlying types【底层类型】Core types【核心类型】Type identityAssignabilityRepresentabilityMethod sets BlocksDeclarations and scopeLabel scopesBlank identifierPredeclared identifiersExported i…...

编程日记 2025/6/30 3:53:34

基于django优秀少儿图书推荐网(源码+lw+部署文档+讲解)，源码可白嫖!

摘要时代在飞速进步，每个行业都在努力发展现在先进技术，通过这些先进的技术来提高自己的水平和优势，图书推荐网当然不能排除在外。本次开发的优秀少儿图书推荐网是在实际应用和软件工程的开发原理之上，运用Python语言、爬虫技术…...

编程日记 2025/6/28 3:43:54

CS2 DEMO导入blender（慢慢更新咯）

流程：cs2-sourcefilmmaker-blender 工具：cs2tools，cs2manager，blender，blender插件sourceio，source2viewer 导入sfm 工具界面选择这个 sourceio插件 sourceIO其中新版本导入相机路径不见了&#xff0c…...

编程日记 2025/6/28 1:32:55

SVTAV1函数分析-svt_av1_cost_coeffs_txb

一函数作用函数svt_av1_cost_coefss_txb是一个与AV1视频编码相关的函数，主要用于计算变换块(Transform Block)中系数的成本(Cost)。在视频编码中，特被是在AV1编码中，计算系数的成本对于模式决策(Mode Decision)和熵编码(Entropy Coding) 等…...

编程日记 2025/7/11 19:02:34

【Linux加餐-验证UDP:TCP】-windows作为client访问Linux

一、验证UDP-windows作为client访问Linux UDP client样例代码 #include <iostream> #include <cstdio> #include <thread> #include <string> #include <cstdlib> #include <WinSock2.h> #include <Windows.h>#pragma warning(dis…...

编程日记 2025/7/9 5:23:11

qt+opengl 加载三维obj文件

1前面我们已经熟悉了opengl自定义顶点生成一个立方体，并且我们实现了立方体的旋转，光照等功能。下面我们来用opengl来加载一个obj文件。准备我们首先准备一个简单的obj文件（head.obj）。资源在本页下载 2 在obj文件里面&#xff0c…...

编程日记 2025/7/10 14:13:21

日报日报流量分析

快捷键 CtrlK，选择需要抓包的网卡 CtrlF可以进行关键字搜索 CtrlM，标记数据包 CtrlShiftN跳到标记处查看包有多少协议Protocol Hierarchy（协议分级） 搜了一下TCP协议，是互联网最基本的协议&#xff0…...

编程日记 2025/7/12 8:20:38

SQL：CASE WHEN使用详解

文章目录 1. 数据转换与映射2. 动态条件筛选3. 多条件分组统计4. 数据排名与分级5. 处理空值与默认值6. 动态排序 CASE WHEN 语句在 SQL 中是一个非常强大且灵活的工具，除了常规的条件判断外，还有很多巧妙的用法，以下为你详细总结&#xff1a…...

编程日记 2025/7/10 7:55:19

在 Unreal Engine 5 中制作类似《鬼泣5》这样的游戏时，角色在空中无法落地的问题可能由多种原因引起。

系列文章目录文章目录系列文章目录前言一、实现步骤二、涉及到的蓝图三、如何把敌人击飞到空中前言在 Unreal Engine 5 中制作类似《鬼泣5》这样的游戏时，角色在空中无法落地的问题可能由多种原因引起。一、实现步骤角色碰撞设置确保角色的碰撞组件&…...

编程日记 2025/7/9 1:22:31

mapbox进阶，添加鹰眼图控件

👨‍⚕️ 主页： gis分享者 👨‍⚕️ 感谢各位大佬点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏：mapbox 从入门到精通文章目录一、🍀前言1.1 ☘️mapboxgl.Map 地图对象1.2 ☘️mapboxgl.Map style属性1.3 ☘️mapboxgl-minimap 鹰眼控件二、🍀添加…...

编程日记 2025/7/10 4:17:26

k8s污点与容忍

k8s污点与容忍 k8s污点管理常用命令effect标记值查看污点添加污点删除污点 node污点与容忍污点容忍yaml示例容忍放大基于污点的驱逐驱逐时排除指定服务设置master调度设置master尽量不调度允许master节点调度pod恢复Master Only状态将node标记为不可调度状态(节点警戒)设置nod…...

编程日记 2025/7/10 4:16:18

算法刷题记录——LeetCode篇(9.1) [第801~810题]

更新时间：2025-03-29 算法题解目录汇总：算法刷题记录——题解目录汇总技术博客总目录：计算机技术系列博客——目录页优先整理热门100及面试150，不定期持续更新，欢迎关注！ 801. 使序列递增的最小交换次数…...

编程日记 2025/7/9 8:14:25

AOA与TOA混合定位，MATLAB例程，自适应基站数量，三维空间下的运动轨迹，滤波使用EKF

本代码实现了一个基于到达角（AOA）和到达时间（TOA）的混合定位算法，结合扩展卡尔曼滤波（EKF）对三维运动目标的轨迹进行滤波优化。代码通过模拟动态目标与基站网络，展示了从信号测量、定位解算到轨迹滤波的全流程，适用于城市峡谷、室内等复杂环境下的定位研究。文…...

编程日记 2025/7/9 23:11:21

【vllm/瞎折腾】在内网wsl上安装vllm并尝试多节点部署(失败了)

目录说在前面miniconda安装外网创建虚拟环境创建节点一的虚拟环境创建节点二的虚拟环境内网配置环境配置节点一的环境配置节点二的环境 vllm多节点配置节点一(主节点)配置节点二配置部署LLM(失败)补充：wsl2设置ulimit补充：wsl安装libcuda补充&#xf…...

编程日记 2025/7/10 1:06:50

Mayo Clinic Platform在人工智能医疗领域的现状及启示意义研究

一、引言 1.1 研究背景与意义在科技飞速发展的当下，人工智能（AI）已逐渐渗透至各个行业，医疗领域作为关乎人类生命健康的重要领域，也迎来了人工智能技术带来的深刻变革。人工智能医疗，作为人工智能与医疗行业深度融合的产物，正重塑着全球医疗的格局。从全球范围来看，…...

编程日记 2025/7/12 17:32:13

k8s部署教程

Kubernetes 1. 使用Kubernetes部署Web服务器我们的目标是部署三个实例，可以让用户直接访问。三个实例，这样即便一个崩溃了，也还有两个，比较不容易出问题。实际中你要根据自己的业务来判断。也就是说，我们需要一个…...

编程日记 2025/7/11 21:24:51

java基础：常见类和对象

1.常见类和对象： java.lang.Object类，Java中的每个类都直接或间接地继承自Object类，如果没有明确指定一个类继承另一个类，那么它的默认父类就是Object类； 例如多态： package java_jichu;public class ja…...

编程日记 2025/7/8 1:20:17

了解遗传算法的Matlab程序的奥妙之处

老板突然想要了解遗传算法的Matlab程序，我们需要先理清楚他们的需求。首先，老板可能对遗传算法有一定的了解，但不太清楚如何在Matlab中具体实现。他可能是一个学生或者研究人员，需要应用到某个项目中，比如优化问题。老板可能希望得到一个结构清晰的步骤说明，以及具体的代…...

编程日记 2025/6/30 1:10:39

Java学习------源码解析之StringBuilder

1. 介绍 String中还有两个常用的类，StringBuffer和StringBuilder。这两个类都是专门为频繁进行拼接字符串而准备的。最先出现的是StringBuffer，之后到jdk1.5的时候才有了StringBuilder。 2. StringBuilder解析从这张继承结构图可以看出： S…...

编程日记 2025/7/4 5:54:52

【漫话机器学习系列】163.方差膨胀因子（Variance Inflation Factor, VIF）

方差膨胀因子（Variance Inflation Factor, VIF）详解 1. 什么是方差膨胀因子？ 方差膨胀因子（Variance Inflation Factor, VIF）是一种用于衡量回归分析中多重共线性（Multicollinearity）程度的指…...

编程日记 2025/7/9 15:42:23

蓝桥杯省模拟赛字符串拼接

问题描述给定四个字符串 a,b,c,d，请将这四个字符串按照任意顺序依次连接拼成一个字符串。请问拼成的字符串字典序最小是多少？ 输入格式输入四行，每行包含一个字符串。输出格式输出一行包含一个字符串，表示答案。样例…...

编程日记 2025/7/11 18:59:51

前端路由守卫与后端权限验证，仅使用路由守卫是否安全？

前后端分离架构的安全原则后端必须对所有 API 接口进行权限验证前端仅负责用户界面的重定向安全策略应始终由后端最终决定问题1：前端设置路由守卫是否可以阻挡用户直接通过URL访问？？？ 前端路由守卫（如 Vue Router …...

编程日记 2025/7/7 14:24:56

React-nodejs 练习个人博客

1.主要功能模块： 文章管理：CRUD操作用户系统：注册、登录、权限控制评论系统：文章评论功能 2.技术栈： 前端：React Ant Design React Router后端：Express MongoDB 通信：RESTful…...

编程日记 2025/6/30 20:08:19

AI三大主义和深度学习三大主义

在人工智能（AI）研究领域，"三大主义"通常指三种核心方法论或思想流派，它们代表了不同的技术路径和哲学观点。以下是主流的划分方式： 1. 符号主义（Symbolicism） 核心思想：智…...

编程日记 2025/7/11 17:20:12

Linux实现生产者消费者模型（基于阻塞队列）

目录概念及优势代码实现概念及优势生产者消费者模型是一种用于线程同步的模型，在这个模型中有两种角色，生产者生产数据，消费者消费数据。有三种关系，生产者与生产者，消费者与消费者，生产者与消费者。…...

编程日记 2025/7/11 21:07:06

UE5 UE4 右键/最大化-菜单-不显示/闪/黑色/黑屏--修复方法

先关闭UE5 、UE4 编辑器。进入这个网站：https://nvidia.custhelp.com/app/answers/detail/a_id/5157 网速慢，换成这个下载：https://download.csdn.net/download/qq_21153225/90546310 下载：mpo_disable.reg 的文件只双击“mpo…...

编程日记 2025/7/11 1:09:32

[ C语言 ] | 从0到1？

目录认识计算机语言 C语言工欲善其事必先利其器第一个C语言代码这一些列 [ C语言 ] ，就来分享一下 C语言相关的知识点~ 认识计算机语言我们说到计算机语言，语言，就是用来沟通的工具，计算机语言呢？就是我们…...

编程日记 2025/7/10 14:10:55

4.训练篇2-毕设篇

resnet # 1. 从 torchvision 中加载预训练的 ResNet18 模型 # pretrainedTrue 表示使用在 ImageNet 上预训练过的参数，学习效果更好 base_model_resnet18 models.resnet18(pretrainedTrue)# 2. 获取 ResNet18 模型中全连接层（fc）的输入特征…...

编程日记 2025/7/8 13:00:35

Ubuntu 系统中，每日健康检查

一、手动检查命令（基础项） 1. 系统资源监控内存使用： free -h # 查看内存和交换空间使用情况 cat /proc/meminfo | grep -i "memavailable" # 查看可用内存CPU 负载： top -n 1 -b | grep "load ave…...

编程日记 2025/7/3 4:48:41

#CX# UVM中的virtual sequence 和 virtual sequencer 的用途

在UVM中，Virtual Sequence（虚拟序列）的核心用途是协调多个物理Sequencer上的Sequence执行，以实现跨接口、跨组件的复杂事务同步和场景控制。 1. 核心用途多接口协同测试当验证场景需要多个接口（如DUT的AXI、I2C、UART接口）同时或按特定顺序发送事务时，Virtual Seque…...

编程日记 2025/7/10 9:43:44

vue：突然发现onok无法使用

const that this;this.$confirm({title: "修改商品提示",content: "如果当前商品存在于商品活动库，则在商品活动库的状态会下架",onOk: function () {that.submitForm();}}); 突然发现 this.$confirm无法进入onok 最终发现是主题冲突&#x…...

编程日记 2025/7/11 18:22:49

开发过程中需要安装的浏览器插件

Vue.js devtools https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hlzh-CN&utm_sourceext_sidebar ModHeader https://chromewebstore.google.com/detail/modheader-modify-http-hea/idgpnmonknjnojddfkpgkljpfnnfcklj?utm…...

编程日记 2025/7/8 1:28:38