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

【Vue】Scoped、组件间通信、Props检验

news 来源：原创 2025/5/16 11:44:08

目录

Scoped

作用

*原理 

组件通信 

前置知识

什么是组件通信

为什么需要组件通信

如何进行组件通信

如何辨别两个组件的关系

父子组件通信

父传子

子传父

非父子组件通信

祖先传后代

语法

任意两个组件通信 

步骤

Props校验

props是什么

作用

语法

组件的ref/reactive数据与props的区别

Scoped

作用

  • 默认情况下，写在任何一个.vue文件中style的样式是全局样式，这样的话，不仅会影响当前组件，也会影响其他组件。
  • 全局样式：会影响每个vue文件，存在样式污染/冲突的问题，style不添加scoped，默认都是全局样式。
  • 局部样式：只针对当前组件中的标签生效，不会影响其他组件的标签，如果想让样式变为局部样式，那么需要给style添加scoped属性。

综上，scoped的作用就是防止不同组件（vue文件）样式污染//冲突。

*原理 

当给组件的style添加了scoped属性之后，组件会发生如下变化：

  1. scoped会给当前组件内的所有标签添加一个自定义属性，名为data-v-xxxxxxxx。
  2. scoped会用这个属性选择器[data-v-xxxxxxxx]，配合我们编写的选择器形成一个交集选择器。
  3. 每个组件只要添加scoped属性，都会生成唯一的data-v-xxxxxxxx自定义属性。换句话说，每个组件生成的这个属性名都不同，因此形成的交集选择器只能选中当前组内的标签，保证了不会发生样式污染。

如下：表示既是h3又具备data-v-7b1a1c5e属性的

h3[data-v-7b1a1c5e]{

        color:blue;

    }

组件通信 

前置知识

什么是组件通信

        一个组件把数据传递给另一个组件。

为什么需要组件通信

        开发Vue3的项目是借助了组件化的开发思想，不会把代码写在同一个文件中，而是会拆分一系列组件，进而通过组件的组装，拼装成完整的页面，这里难免需要进行组件间的数据传递，那么就需要组件通信了。

总的来说，可以归结于两点：

  1. 每个组件是一个独立的模块，组件的数据别的模块无法使用。
  2. 别的组件需要用到当前组件的数据，那么就需要组件通信了。

如何进行组件通信

需要辨别两个组件的关系，进而选择不同的通信方案

1、父子组件（掌握）：

  • 父传子：props自定义属性
  • 子传父：emit自定义事件

2、非父子组件（了解）：

  • 祖先与后代：provide() + inject()
  • 兄弟组件：eventBus(事件总线)
  • 跨组件通信方案：Pinia（状态管理）

如何辨别两个组件的关系

  1. 父子关系：谁被使用，谁就是子组件，当前组件就是父组件

父子组件通信

父组件通过props将数据传递给子组件，子组件通过emit将数据传递给父组件。

父传子

当子组件的数据不固定的时候，也就是子组件的数据不能写死，就需要父传子。

父传子的语法：

  1. 子组件通过defineProps( )接收自己需要的数据，进而使用数据。（子接）
  2. 父组件内，子组件的自定义标签上，通过自定义属性传递数据。（父传）

子组件

这里数组的名字自定义，不是固定的。

<script setup>defineProps(['imgUrl','title','price'])
</script>

父组件

<script setup>import MyGoods from './components/MyGoods.vue'//父组件提供的数据const goodsObj={id:'123456',name:'kkk',price:150,picture:'https://test.com'}
</script>
<template><MyGoods :imgUrl="goodsObj.picture"/>
</template>

总结 

  1. 子接：defineProps(['数据名称1'，'数据名称2'])
  2. 父传：自定义属性名="值"

子传父

当子组件需要修改父组件的数据（props接收的数据是只读的，不能修改），就需要使用子传父。

而子传父的的语法是：

  1. 父组件提供修改数据的方法/函数,并在子组件的自定义标签上，绑定自定义事件。
  2. 子组件在恰当的时机，触发/调用父组件修改数据的方法/函数。

子组件

<template><button @click="onCut">砍价</button>
</template><script setup>import { ref } from 'vue'const props=defineProps(['imgUrl','title','price','idx'])//拿到触发自定义事件的函数 emitconst emit=defineEmits()//定义子组件砍价按钮,emit传入父组件给出的修改函数，和需要的参数const onCut=()=>{emit('ccc',props.idx,1)}
</script>

父组件

<template><MyGoods @ccc="subPrice"/>
</template><script setup>import MyGoods from './components/MyGoods.vue'const subPrice = (i,price) => {goodsList.value[i].price -= price}
</script>

总结

  1. 父监听/绑定：@自定义事件="父修改数据的函数"
  2. 子触发/通知：emit('自定义事件'，传递的参数.....)

非父子组件通信

祖先传后代

作用：实现跨层级数据传递

语法

祖先组件提供数据

provide('数据名称',数据)

示例：

<script setup>import {ref,provide} from 'vue'const money=ref(1000)provide('money',money)
</script>

后代组件获取数据

const 数据=inject('数据名称') 

示例：

<script setup>import {ref,inject} from 'vue'const money=inject('money')
</script>

任意两个组件通信 

EventBus可以实现任意两个组件通信，但是使用较为麻烦，能不使用，便不使用。

步骤

前提：需要一个中间者（媒婆）

  1. 创建一个中间者模块
  2. 确定消息的发送方，中间者.emit（'事件名称',数据）
  3. 确定消息的接收方：中间者.on('事件名称',(数据)=>{    })

中间者采用第三方模块mitt，步骤如下：

1、安装mitt

npm install --save mitt

2、与App.vue同级，创建一个eventBus.js文件，在这创建一个中间人并导出

import mitt from'mitt'//创建中间人
const meipo=mitt()//默认导出：目的是给其他组件可以拿到meipo这个中间人
export default meipo

3、发送方

<template>
<div><button @click="onSend">Send</button>
</div>
</template><script setup>import {ref} from 'vue'import meipo from "../eventBus.js"const msg=ref('12345678')const onSend=()=>{meipo.emit("sendMsg",msg.value)}
</script>

4、接收方 

<script setup>import {ref} from 'vue'import meipo from "../eventBus.js"meipo.on('sendMsg',(msg)=>{console.log(msg.value)})
</script>

Props校验

props是什么

如上面父子组件通信时使用到的，绑定在组件标签上的自定义属性，就是props

<MyGoods :imgUrl="goodsObj.picture"/>

作用

        当我们在进行props传属性值时，可能会出现类型不匹配之类的情况，因此我们需要为prop指定验证要求，不符合要求，控制台就会有错误提示，以此来提高代码的健壮性。

        换句话说，子组件接收的是什么样的props，那么父组件在传递的时候也必须按照这个规则来传递，双方都得遵守的一种协议。

语法

1、数组接收法：

defineProps(['imgUrl','title'])

  • 优点：简单、上手快。
  • 缺点：无法对接收的props进行校验，健壮性差。

2、对象接收法（简易写法校验，只校验类型）：

defineProps({

        title:String

        imgUrl:String

})

  • 优点：可以对props做校验，健壮性相对好点。
  • 缺点：写法相对复杂些。

3、完整写法校验

简易写法的校验只能验证数据类型，在某些情况下可能需要要求数据必须传等条件，此时简易写法便不能满足要求。

语法

defineProps({

       属性名:{

                type:Number,                //数据类型约束

                default:50,     //默认值，与required:true冲突，如果同时出现，required优先级更高

                required:true/false        //是否必须传值，默认不是必须传值

        }

})

 但是如果需要校验数据的范围，此时上述的方法便无法满足要求，就需要使用自定义校验函数

defineProps({

       属性名:{

                type:Number,                //数据类型约束

                default:50,     //默认值，与required:true冲突，如果同时出现，required优先级更高

                required:true/false        //是否必须传值，默认不是必须传值

                validator(value){

                        //value是实际props传递的值

                        if(value<0)

                        {

                                console.error("!")

                                return fasle

                       }

                        return true

                } 

        }

})

组件的ref/reactive数据与props的区别

相同点

都可以为组件提供数据，进而使用

不同点

  1. ref/reative数据：是组件自己的数据，组件既可以获取，也可以修改
  2. props数据： 本质是由父组件提供的数据，子组件拿到这个数据之后，只能获取，不能直接修改，遵循单向数据流原则，想要修改，需要用到子传父的方法。

相关文章：

【Vue】Scoped、组件间通信、Props检验

目录 Scoped 作用 *原理 组件通信 前置知识 什么是组件通信 为什么需要组件通信 如何进行组件通信 如何辨别两个组件的关系 父子组件通信 父传子 子传父 非父子组件通信 祖先传后代 语法 任意两个组件通信 步骤 Props校验 props是什么 作用 语法 组件的…...

编程日记 2025/5/16 11:44:08

2022 年 9 月青少年软编等考 C 语言三级真题解析

目录 T1. 课程冲突T2. 42 点思路分析T3. 最长下坡思路分析T4. 吃糖果思路分析T5. 放苹果思路分析T1. 课程冲突 此题为 2021 年 9 月三级第一题原题，见 2021 年 9 月青少年软编等考 C 语言三级真题解析中的 T1。 T2. 42 点 42 42 42 是： 组合数学上的第 5 5 5 个卡特兰数字…...

编程日记 2025/5/14 8:46:39

遗传算法与深度学习实战（26）——编码卷积神经网络架构

遗传算法与深度学习实战&#xff08;26&#xff09;——编码卷积神经网络架构 0. 前言1. EvoCNN 原理1.1 工作原理1.2 基因编码 2. 编码卷积神经网络架构小结系列链接 0. 前言 我们已经学习了如何构建卷积神经网络 (Convolutional Neural Network, CNN)&#xff0c;在本节中&a…...

编程日记 2025/5/11 21:50:03

Svn如何切换删除账号

记录Svn清除切换账号 1.首先打开小乌龟的设置如下图 打开设置后单击已保存数据&#xff0c;然后选择清除 接上图选择清除后&#xff0c;就可以打勾选择清除已保存的账号&#xff0c;我们再次检出的就可以切换账号了 &#x1f449;总结 本次记录Svn清除切换账号 如能帮助到你…...

编程日记 2025/5/15 8:38:10

重生之我在异世界学编程之C语言：选择结构与循环结构篇

大家好&#xff0c;这里是小编的博客频道 小编的博客&#xff1a;就爱学编程 很高兴在CSDN这个大家庭与大家相识&#xff0c;希望能在这里与大家共同进步&#xff0c;共同收获更好的自己&#xff01;&#xff01;&#xff01; 本文目录 引言正文一、选择结构1. if语句2. else i…...

编程日记 2025/5/16 11:30:52

React第十二节组件之间通讯之发布订阅模式（使用pubsub-js插件）

组件之间通讯常用方案 1、通过props 2、通过context 3、通过发布订阅模式 4、通过Redux 后面会有专栏介绍 1、安装 pubsub-js 插件 yarn add pubsub-js 常用的事件 a、发布事件&#xff1a;传入一个自定义事件名称&#xff08;name&#xff09;&#xff0c;以及要发布的消息内…...

编程日记 2025/5/15 1:09:57

同为科技（TOWE）柔性定制化PDU插座

随着科技的进步&#xff0c;越来越多的精密电子设备&#xff0c;成为工作生活密不可分的工具。 电子电气设备的用电环境也变得更为复杂&#xff0c;所以安全稳定的供电是电子电气设备的生命线。 插座插排作为电子电气设备最后十米范围内供配电最终核心部分&#xff0c;便捷、安…...

编程日记 2025/5/16 10:34:30

【机器学习】机器学习的基本分类-监督学习-决策树-C4.5 算法

C4.5 是由 Ross Quinlan 提出的决策树算法&#xff0c;是对 ID3 算法的改进版本。它在 ID3 的基础上&#xff0c;解决了以下问题&#xff1a; 处理连续型数据&#xff1a;支持连续型特征&#xff0c;能够通过划分点将连续特征离散化。处理缺失值&#xff1a;能够在特征值缺失的…...

编程日记 2025/5/12 23:07:15

代码随想录第36天

01背包问题 二维 def hanshu():wupin, bagweight [int(x) for x in input().split()]weight [int(x) for x in input().split()]value [int(x) for x in input().split()]dp [[0]*(bagweight1) for i in range(wupin)] #dp[i][j]代表从物品【0,i-1】让任意取&#xff0c…...

编程日记 2025/5/16 11:38:17

折叠屏手机拐点：三星领跌，华为小米逆势增长

科技新知 原创作者丨依蔓 编辑丨蕨影 折叠屏手机不香了&#xff1f;显示器出货量罕见下滑&#xff0c;并预计 2025 年仍将持续下降。 近日&#xff0c;市场调查机构 DSCC报告称&#xff0c; 2019 年至 2023 年&#xff0c;折叠屏市场曾保持每年至少 40% 的高速增长。然而&…...

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

微服务的负载均衡可以通过哪些组件实现

微服务的负载均衡可以通过多种组件来实现&#xff0c;以下是一些常见的负载均衡组件及其特点&#xff1a; Nginx&#xff1a; Nginx是一款轻量级的HTTP和反向代理服务器&#xff0c;也是一个高性能的负载均衡器。它支持多种负载均衡算法&#xff0c;如轮询、加权轮询、IP哈希等…...

编程日记 2025/5/13 2:27:36

uni-app写的微信小程序如何实现账号密码登录后获取token，并且每天的第一次登录后都会直接获取参数而不是耀重新登录（2）

接uni-app写的微信小程序如何实现账号密码登录后获取token&#xff0c;并且每天的第一次登录后都会直接获取参数而不是耀重新登录&#xff08;1&#xff09;&#xff0c; 在main.js中 import App from ./App// #ifndef VUE3 import Vue from vue import ./uni.promisify.adap…...

编程日记 2025/5/15 2:50:50

算法妙妙屋-------1.递归的深邃回响：全排列的奇妙组合

全排列的简要总结 全排列&#xff08;Permutation&#xff09;是数学中一个经典的问题&#xff0c;指的是从一组元素中&#xff0c;将所有元素按任意顺序排列形成的所有可能序列。 特点 输入条件&#xff1a; 给定一组互异的元素&#xff08;通常为数组或字符串&#xff09;。…...

编程日记 2025/5/6 11:10:20

flink-connector-mysql-cdc：02 mysql-cdc高级扩展

flink-connector-mysql-cdc&#xff1a;01 mysql-cdc基础配置代码演示02 mysql-cdc高级扩展03 mysql-cdc常见问题汇总04 mysql-cdc-kafka生产级代码分享05 flink-kafka-doris生产级代码分享06 flink-kafka-hudi生产级代码分享 flink-cdc版本&#xff1a;3.2.0flink版本&#xf…...

编程日记 2025/5/14 17:26:54

四、自然语言处理_02RNN基础知识笔记

1、RNN的定义 RNN&#xff08;Recurrent Neural Network&#xff0c;循环神经网络&#xff09;是一种专门用于处理序列数据的神经网络架构&#xff0c;它与传统的前馈神经网络&#xff08;Feedforward Neural Network&#xff09;不同&#xff0c;主要区别在于它能够处理输入数…...

编程日记 2025/5/12 9:33:41

《船舶物资与市场》是什么级别的期刊？是正规期刊吗？能评职称吗？

问题解答 问&#xff1a;《船舶物资与市场》是不是核心期刊&#xff1f; 答&#xff1a;不是&#xff0c;是知网收录的正规学术期刊。 问&#xff1a;《船舶物资与市场》级别&#xff1f; 答&#xff1a;国家级。主管单位&#xff1a;中国船舶集团有限公司 主办单…...

编程日记 2025/5/7 10:36:06

【工具变量】上市公司企业所在地城市等级直辖市、副省级城市、省会城市 计划单列市（2005-2022年）

一、包含指标&#xff1a; 股票代码 股票代码 股票简称 年份 所属城市 直辖市&#xff1a;企业所在地是否属于直辖市。1是&#xff0c;0否。 副省级城市&#xff1a;企业所在地是否属于副省级城市。1是&#xff0c;0否。 省会城市&a…...

编程日记 2025/5/12 10:18:54

websocket通信

“WebSocket 允许客户端和服务器在连接建立后随时互相发送数据&#xff0c;而无需每次交互都重新建立连接。”我想请问&#xff0c;第一次前端往后端发送数据时&#xff0c;传递的数据应该满足接口的参数内容&#xff0c;在第一次建立连接后之后的数据传递还是要满足接口的参数…...

编程日记 2025/5/11 1:11:26

数据结构——单调队列

这篇博客我们来讨论一下单调队列的问题&#xff0c;其实和之前学的单调栈都是一种上通过改变操作来解决问题的一种数据结构 我们先来回忆一下单调栈的内容&#xff0c;这样方便将其和单调队列做区分 单调栈&#xff1a;(单调性从栈底到栈顶&#xff09; 1.单调栈是一种栈数据…...

编程日记 2025/5/14 21:44:24

qt环境 C11thread子线程关闭定时器问题

环境情况&#xff1a;使用的是thread c11线程和qt的定时器 报错&#xff1a; QObject::~QObject: Timers cannot be stopped from another thread 主要原因&#xff1a; 1.开启了一个事件循环线程处理消息类型&#xff0c;但是有一种消息类型需要关闭资源&#xff0c;这就导…...

编程日记 2025/5/10 12:14:36

深入浅出：虚拟化技术及其在现代 IT 中的应用

文章目录 虚拟化的定义与基本原理虚拟机监控程序&#xff08;Hypervisor&#xff09; 虚拟化的历史与发展虚拟化的实现方式虚拟化的优势1. 提高资源利用率2. 降低成本3. 提升灵活性和可扩展性4. 加快应用部署和迁移5. 提高安全性和隔离性 不同类型虚拟化技术服务器虚拟化实际应…...

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

Golang内存模型总结1（mspan、mcache、mcentral、mheap）

1.内存模型 1.1 操作系统存储模型 从上到下分别是寄存器、高速缓存、内存、磁盘&#xff0c;其中越往上速度越快&#xff0c;空间越小&#xff0c;价格越高。 关键词是多级模型和动态切换 1.2 虚拟内存与物理内存 虚拟内存是一种内存管理技术&#xff0c;允许计算机使用比…...

编程日记 2025/5/12 4:21:12

优先算法 —— 滑动窗口系列 - 无重复字符的最长子串

目录 前言 1. 无重复字符的最长子串 2. 题目解析 3. 算法原理 解法1&#xff1a;暴力枚举 哈希表&#xff08;判断字符是否有重复出现&#xff09; 解法2&#xff1a;滑动窗口 4. 代码 前言 当我们发现暴力解法两个指针都不回退&#xff0c;都是向同一个方向移动的时候我…...

编程日记 2025/5/15 2:18:35

Python 浏览器自动化新利器：DrissionPage，让网页操作更简单！

Python 浏览器自动化新利器&#xff1a;DrissionPage&#xff0c;让网页操作更简单&#xff01; 文章目录 Python 浏览器自动化新利器&#xff1a;DrissionPage&#xff0c;让网页操作更简单&#xff01;&#x1f680; 引言&#x1f31f; DrissionPage简介&#x1f6e0;️ 三大…...

编程日记 2025/5/15 15:55:13

[Python] 进阶之路：模块、包和异常处理

在掌握了Python的类与对象后&#xff0c;下一步是深入理解模块化开发和异常处理。模块与包帮助我们组织代码&#xff0c;增强代码的可维护性和重用性&#xff0c;而异常处理则是编写健壮代码的重要技能。本文将系统讲解Python中模块、包和异常处理的核心概念与实用技巧。 一、模…...

编程日记 2025/5/11 1:11:07

SpringBoot 整合 Avro 与 Kafka 详解

SpringBoot 整合 Avro 与 Kafka 详解 在大数据处理和实时数据流场景中&#xff0c;Apache Kafka 和 Apache Avro 是两个非常重要的工具。Kafka 作为一个分布式流处理平台&#xff0c;能够高效地处理大量数据&#xff0c;而 Avro 则是一个用于序列化数据的紧凑、快速的二进制数…...

编程日记 2025/5/12 8:55:07

windows C#-使用 Override 和 New 关键字(上)

在 C# 中&#xff0c;派生类中的方法可具有与基类中的方法相同的名称。 可使用 new 和 override 关键字指定方法的交互方式。 override 修饰符用于扩展基类 virtual 方法&#xff0c;而 new 修饰符用于隐藏可访问的基类方法 。 在控制台应用程序中&#xff0c;声明以下两个类…...

编程日记 2025/5/13 5:40:12

FaRM译文

No compromises: distributed transactions with consistency, availability, and performance Aleksandar Dragojevic, Dushyanth Narayanan, Edmund B. Nightingale, Matthew Renzelmann, Alex Shamis, Anirudh Badam, Miguel Castro Microsoft Research 摘要 具有强一致…...

编程日记 2025/5/10 6:59:02

大数据新视界 -- Hive 元数据管理：核心元数据的深度解析（上）（27 / 30）

&#x1f496;&#x1f496;&#x1f496;亲爱的朋友们&#xff0c;热烈欢迎你们来到 青云交的博客&#xff01;能与你们在此邂逅&#xff0c;我满心欢喜&#xff0c;深感无比荣幸。在这个瞬息万变的时代&#xff0c;我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而 我的…...

编程日记 2025/5/12 7:28:45

大数据项目-Django基于聚类算法实现的房屋售房数据分析及可视化系统

《[含文档PPT源码等]精品Django基于聚类算法实现的房屋售房数据分析及可视化系统》该项目含有源码、文档、PPT、配套开发软件、软件安装教程课程答疑等&#xff01; 数据库管理工具&#xff1a;phpstudy/Navicat或者phpstudy/sqlyog 后台管理系统涉及技术&#xff1a; 后台使…...

编程日记 2025/5/10 10:13:56

当大的div中有六个小的div，上面三个下面三个，当外层div高变大的时候我希望里面的小的div的高也变大

问&#xff1a; 当大的div中有六个小的div&#xff0c;上面三个下面三个&#xff0c;当外层div高变大的时候我希望里面的小的div的高也变大 回答&#xff1a; 这时候我们就不能写死六个小的div的高度&#xff0c;否则上下的小的div的间距就会变大&#xff0c;因为他们的高度…...

编程日记 2025/5/15 3:23:24

使用 Postman 上传二进制类型的图片到后端接口写法

我们有的时候会有需求&#xff0c;就是通过 postman 传递二进制图片到后端接口&#xff0c;如下图&#xff1a; 那我们的 Java 接口需要怎么写呢&#xff1f; Spring Boot 接收这些数据的方式需要使用 RequestBody 注解来处理原始的二进制数据&#xff08;byte[]&#xff09;。…...

编程日记 2025/5/10 21:30:54

字符串函数和内存函数

字符串函数 1、strlcpy 【字符串拷贝】 &#xff08;将原字符串中的字符拷贝到目标字符数组中&#xff0c;包括终止符号\0&#xff0c;并在这里停止&#xff1b;为了避免越界&#xff0c;目标字符串数组应该足够大去接收&#xff09;&#x1f446; &#xff08;返回值是 dest…...

编程日记 2025/5/16 5:12:28

uC/OSII学习笔记（一）任务的增删改查

使用天玛智控的控制器&#xff0c;基础工程文件已移植ucosii。 正常的任务创建流程为&#xff1a; 1.OSInit()&#xff1b; 2.OSTaskCreate()&#xff1b; 3.OSStart()&#xff1b; 但是天玛对其有做修改&#xff0c;任务创建直接调用OSTaskCreate()函数即可&#xff0c;不用在…...

编程日记 2025/5/6 2:06:30

如何搭建JMeter分布式集群环境来进行性能测试

在性能测试中&#xff0c;当面对海量用户请求的压力测试时&#xff0c;单机模式的JMeter往往力不从心。如何通过分布式集群环境&#xff0c;充分发挥JMeter的性能测试能力&#xff1f;这正是许多测试工程师在面临高并发、海量数据时最关注的问题。那么&#xff0c;如何轻松搭建…...

编程日记 2025/5/16 8:49:11

蓝桥杯准备训练（lesson2 ,c++）

3.1 字符型 char //character的缩写在键盘上可以敲出各种字符&#xff0c;如&#xff1a; a &#xff0c; q &#xff0c; &#xff0c; # 等&#xff0c;这些符号都被称为字符&#xff0c;字符是⽤单引号括 起来的&#xff0c;如&#xff1a; ‘a’ &#xff0c; ‘b’ &…...

编程日记 2025/5/14 10:04:49

【踩坑】Collectors.toMap 抛出 NullPointerException 异常

1. 场景重现 public class Test01 {public static void main(String[] args) {List<Person> list Arrays.asList(new Person("anna", 17, 0), new Person("bob", 18, 1), new Person("jack", 20, null));Map<String, Integer> nam…...

编程日记 2025/5/14 21:29:58

泷羽sec专题课笔记-- Linux作业--开机自启动方法以及破解

本笔记为 泷羽sec 《红队全栈课程》学习笔记&#xff0c;课程请可自行前往B站学习&#xff0c;课程/笔记主要涉及网络安全相关知识、系统以及工具的介绍等&#xff0c;请使用该课程、本笔记以及课程和笔记中提及工具的读者&#xff0c;遵守网络安全相关法律法规&#xff0c;切勿…...

编程日记 2025/5/15 14:57:19

OpenCV

MFC&#xff08;C&#xff09;的使用 1、官网下载 https://opencv.org/ 选 Library - Release - 选择你需要的版本 2、安装 3、配置环境变量 将 OpenCV 的bin目录 C:\Program Files\OpenCV481\opencv\build\bin添加到系统的PATH环境变量中。这使得在运行程序时能够找到 Open…...

编程日记 2025/5/16 2:04:03

Wwise 使用MIDI文件、采样音频

第一种&#xff1a;当采样音频只有一个文件的时候 1.拖入MIDI文件到Interactive Music Hierarchy层级 2.拖入采样音频到Actor-Mixer Hierarchy层级 3.勾选MIDI显示出面板&#xff0c;设置Root Note与采样音频音高相同&#xff0c;这里是C#5 4.播放测试&#xff0c;成功&…...

编程日记 2025/5/12 12:07:31

OpenStack-Glance组件

Glance Glance使用磁盘格式和容器格式基础配置镜像转换 Glance 是 OpenStack 的镜像服务&#xff0c;负责存储、发现和管理虚拟机镜像。它允许用户创建和共享镜像&#xff0c;用于启动虚拟机实例。 Glance 的主要功能 &#xff08;1&#xff09;虚拟机镜像的管理 支持镜像的上…...

编程日记 2025/5/12 17:44:57

写译热点单词 | 50篇文章整理 | 手敲自用

目录 文化类 政治类 经济类 教育类 科技类 健康类 安全类 体育类 第二版 删去了部分不太常用的 文化类 1. 阴历: lunar calendar 2. 阳历: solar calendar 3. 春节: the Spring Festival 4. 除夕: Chinese New Year’s Eve 5. 清明节: Tomb Sweeping Day 6. 重阳…...

编程日记 2025/5/11 3:17:06

【UE5 C++】判断两点连线是否穿过球体

目录 前言 方法一 原理 代码 测试 结果 方法二 原理 一、检查连线与球体的相交情况 二、检查距离与球体半径的关系 三、检查连线与球体的相交 代码 前言 通过数学原理判断空间中任意两点的连线是否穿过球体&#xff0c;再通过射线检测检验算法的正确性。 方法一 …...

编程日记 2025/5/11 16:32:15

A1228 php+Mysql旅游供需平台的设计与实现 导游接单 旅游订单 旅游分享网站 thinkphp框架 源码 配置 文档 全套资料

旅游供需平台 1.项目描述2. 开发背景与意义3.项目功能4.界面展示5.源码获取 1.项目描述 随着社会经济的快速发展&#xff0c;生活水平的提高&#xff0c;人们对旅游的需求日益增强&#xff0c;因此&#xff0c;为给用户提供一个便利的查看导游信息&#xff0c;进行导游招募的平…...

编程日记 2025/5/15 14:24:25

【linux】服务器Ubuntu20.04安装cuda11.8教程

【linux】服务器Ubuntu20.04安装cuda11.8教程 文章目录 【linux】服务器Ubuntu20.04安装cuda11.8教程到官网找到对应版本下载链接终端操作cudnn安装到官网下载下载后解压进入解压后的目录&#xff1a;将头文件复制到 /usr/local/cuda/include/ 目录&#xff1a;将库文件复制到 …...

编程日记 2025/5/12 17:20:54

SpringMVC其他扩展

一、全局异常处理机制: 1.异常处理两种方式: 开发过程中是不可避免地会出现各种异常情况的&#xff0c;例如网络连接异常、数据格式异常、空指针异常等等。异常的出现可能导致程序的运行出现问题&#xff0c;甚至直接导致程序崩溃。因此&#xff0c;在开发过程中&#xff0c;…...

编程日记 2025/5/12 9:18:00

用“*”构成一个倒三角形：JAVA

输入&#xff1a;5 输出&#xff1a; ******* ***** *** * 代码&#xff1a; import java.util.Scanner; //倒三角 public class FF6 {public static void main(String[] args) {Scanner scannernew Scanner(System.in);while (scanner.hasNextInt()){int nscanner…...

编程日记 2025/5/12 5:37:34

洛谷P2670扫雷游戏(Java)

三.P2670 [NOIP2015 普及组] 扫雷游戏 题目背景 NOIP2015 普及组 T2 题目描述 扫雷游戏是一款十分经典的单机小游戏。在 n 行 m列的雷区中有一些格子含有地雷&#xff08;称之为地雷格&#xff09;&#xff0c;其他格子不含地雷&#xff08;称之为非地雷格&#xff09;。玩…...

编程日记 2025/5/13 0:44:32

Windows 11 环境下 条码阅读器输入到记事本的内容不完整

使用Windows11时&#xff0c;为什么记事本应用程序中的扫描数据被截断或不完整?为什么sdo 特殊字符的显示与Windows 10 记事本应用程序不同? 很多人认为和中文输入法有关&#xff0c;其实主要问题出在这个windows11下的记事本程序上&#xff0c;大家知道这个就可以了&#x…...

编程日记 2025/5/10 3:07:43

C# 动态类型 Dynamic

文章目录 前言1. 什么是 Dynamic&#xff1f;2. 声明 Dynamic 变量3. Dynamic 的运行时类型检查4. 动态类型与反射的对比5. 使用 Dynamic 进行动态方法调用6. Dynamic 与 原生类型的兼容性7. 动态与 LINQ 的结合8. 结合 DLR 特性9. 动态类型的性能考虑10. 何时使用 Dynamic&…...

编程日记 2025/5/6 2:26:09