vue3中标签的ref属性

组合API-ref属性

在vue2.x中，可以通过给元素添加ref='xxx'属性，然后在代码中通过this.$refs.xxx获取到对应的元素

然而在vue3中时没有$refs这个东西的，因此vue3中通过ref属性获取元素就不能按照vue2的方式来获取。

目标：掌握使用ref属性绑定DOM或组件

获取DOM或者组件实例可以使用ref属性，写法和vue2.0需要区分开

  • 基于Vue2的方式操作ref-----数组场景
<ul><li v-for="(item, index) in list" ref="fruits" :key="index">{{ item }}</li><!-- <my-com :key='index' v-for='index in 8' ref='info'></my-com> -->
</ul>
<button @click="handleClick">点击</button>

methods: {handleClick () {const fruits = this.$refs.fruitsconsole.log(fruits[1].innerHTML)}
}
// 批量绑定同名的ref （主要就是v-for场景中使用 ref）,此时通过[this.$refs.名称]访问的值应该是一个数组，数组中包含每一个DOM元素
// ref绑定组件的用法与之类似

总结：

  1. Vue2中可以通过ref直接操作单个DOM和组件 this.$refs.info.innerHTML
  2. Vue2中可以批量通过ref操作DOM和组件 this.$refs.fruit[0].innerHTML
  • ref操作单个DOM元素----Vue3的规则
<template><div><div>ref操作DOM和组件</div><hr><!-- 3、模板中绑定上述返回的数据 --><div ref='info'>hello</div><!-- <my-com ref='info'>hello</my-com> --><ul><li ref='fruit' v-for='item in fruits' :key='item.id'>{{item.name}}</li></ul><button @click='handleClick'>点击</button></div>
</template>

<script>
import { ref } from 'vue'

export default {
name: 'App',
setup () {
// this. r e f s . i n f o . i n n e r H T M L / / t h i s . refs.info.innerHTML // this. refs.info.innerHTML//this.refs.fruit 的值应该是一个数组，数组中放的DOM元素
// this.$refs.fruit[0].innerHTML —> apple
// -----------------------------------------
// Vue3中通过ref操作DOM
// 1、定义一个响应式变量
const info = ref(null)

const fruits &#61; ref([{id: 1,name: &#39;apple&#39;
}, {id: 2,name: &#39;orange&#39;
}])const handleClick &#61; () &#61;&gt; {// 4、此时可以通过info变量操作DOMconsole.log(info.value.innerHTML)
}// 2、把变量返回给模板使用
return { fruits, info, handleClick }

}
}
</script>

<style lang="less">
</style>

总结：操作单个DOM或者组件的流程

  1. 定义一个响应式变量
  2. 把变量返回给模板使用
  3. 模板中绑定上述返回的数据
  4. 可以通过info变量操作DOM或者组件实例
  • 获取v-for遍历的DOM或者组件
<template><div><div>ref操作DOM和组件</div><hr><!-- 3、模板中绑定上述返回的数据 --><div ref='info'>hello</div><!-- <my-com ref='info'>hello</my-com> --><ul><li :ref='setFruits' v-for='item in fruits' :key='item.id'>{{item.name}}</li></ul><button @click='handleClick'>点击</button></div>
</template>

<script>
import { ref } from ‘vue’

export default {
name: ‘App’,
setup () {
// this. r e f s . i n f o . i n n e r H T M L < / s p a n > < s p a n c l a s s = " t o k e n c o m m e n t " > / / t h i s . refs.info.innerHTML</span> <span class="token comment">// this. refs.info.innerHTML</span><spanclass="tokencomment">//this.refs.fruit 的值应该是一个数组，数组中放的DOM元素
// this.$refs.fruit[0].innerHTML —> apple
// -----------------------------------------
// Vue3中通过ref操作DOM
// 1、定义一个响应式变量
const info = ref(null)

<span class="token keyword">const</span> fruits <span class="token operator">&#61;</span> <span class="token function">ref</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span><span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span><span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;apple&#39;</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{<!-- --></span><span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span><span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;orange&#39;</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{<!-- --></span><span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">3</span><span class="token punctuation">,</span><span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;pineapple&#39;</span>
<span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token comment">// 定义操作DOM的函数</span>
<span class="token keyword">const</span> arr <span class="token operator">&#61;</span> <span class="token punctuation">[</span><span class="token punctuation">]</span>
<span class="token keyword">const</span> <span class="token function-variable function">setFruits</span> <span class="token operator">&#61;</span> <span class="token punctuation">(</span><span class="token parameter">el</span><span class="token punctuation">)</span> <span class="token operator">&#61;&gt;</span> <span class="token punctuation">{<!-- --></span><span class="token comment">// 参数el表示单个DOM元素</span>arr<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span>el<span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token keyword">const</span> <span class="token function-variable function">handleClick</span> <span class="token operator">&#61;</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">&#61;&gt;</span> <span class="token punctuation">{<!-- --></span><span class="token comment">// 4、此时可以通过info变量操作DOM</span><span class="token comment">// console.log(info.value.innerHTML)</span>console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>arr<span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token comment">// 2、把变量返回给模板使用</span>
<span class="token keyword">return</span> <span class="token punctuation">{<!-- --></span> fruits<span class="token punctuation">,</span> info<span class="token punctuation">,</span> handleClick<span class="token punctuation">,</span> setFruits <span class="token punctuation">}</span>

}
}
</script>

<style lang=“less”>
</style>

总结：ref批量操作元素的流程

  1. 定义一个函数
  2. 把该函数绑定到ref上（必须动态绑定）
  3. 在函数中可以通过参数得到单个元素，这个元素一般可以放到数组中
  4. 通过上述数组即可操作批量的元素
Vue3超详细的 ref()用法，看这一篇就够了
热门推荐
EchoLiner的博客
04-30 7万+
ref()接受一个内部值，返回一个响应式的可更改的 ref 对象，此对象只有一个指向其内部值的 属性.value。 ref() 将传入参数的值包装为一个带 .value 属性的 ref 对象。
vue3 ref函数用法
wuxing164的博客
11-19 4万+
1.在setup函数 中，可以 使用 ref函数，用于创建一个响应式数据，当数据发生改变时， Vue会自动更新UI

<template>
<div>
<h1>{{mycount}}</h1>
<button @click="changeMyCount">changeMyCount</button>
</div>
</template>

<script>
i…


Vue3入门到精通-- ref以及 ref相关函数，做了6年前端开发
最新发布
2401_83740189的博客
03-21 588
console.log(“obj”, obj.name);console.log(“ ref”, stateTo ref.value);// obj ls// ref lsto ref----------{{ stateTo ref }}let obj = { name: “syl” };let stateTo ref = to Ref(obj, “name”);stateTo ref.value = “zs”;console.log(“obj”, obj.name);console.log(“ ref”, stateTo 
	</dl>
vue3 中 ref的 使用
CYL_2021的博客
09-18 6719
ref的 使用
VUE3 中的 ref函数和reactive函数
l1830473688的博客
07-17 6234
VUE3.0 中的 ref 函数，reactive 函数
vue 中 使用 refs定位dom出现undefined的解决方法
11-29
之前在公司做项目，一直感觉用 ref来定位dom节点挺方便的。但是期间遇到了一个问题，就是在mounted(){}钩子里面 使用this.$ refs.xxx，打印出来的却是undefined？ 于是我就对比了一下之前 使用 ref定位的. vue文件，发现了他们之间的区别。 我们要想知道为什么会定位不到某个DOM节点，我们首先要理解mounted(){}这个钩子函数是用来做什么的。 下面是 vue官方给出的 vue生命周期（部分），正如官方所说的一样，一开始不必先理解，不过随这你的学习与 使用，他的参考价值会越来越高。   原来，mounted阶段，DOM结构准备就绪，但是这里的准备就绪需要特别说明一下： D
vue 中的 ref和$ refs的 使用
01-21
ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$ refs对象上。如果在普通的DOM元素上 使用，那么指向的就是普通的DOM元素。

ref 有三种用法：
1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素
2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。
3、如何利用 v-for 和 ref 获取一组数组或者dom 节点

普通的DOM元素上使用

<input type=textref=TEXT/ >
<button @click=add>


vue3 ref 属性
greed
09-10 3170
vue3 ref 属性 操作单个DOM元素

操作单个DOM或者组件的流程

定义一个响应式变量
把变量返回给模板使用
模板中绑定上述返回的数据
可以通过info变量操作DOM或者组件实例

<template>
<div>
<div>ref操作DOM和组件</div>
<hr>
<!-- 3、模板中绑定上述返回的数据 -->
<div ref='info'>hello</div&g


vue3 中 ref的理解
weixin_47886687的博客
01-21 5万+
1.什么是 ref?

ref和reactive一样,也是用来实现响应式数据的方法
由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦
所以Vue3提供了ref方法实现简单值得监听

2.ref本质

ref底层其实还是reactive,所以当运行时系统会自动根据传入的ref转换成reactive.

3.ref注意点

在vue中使用ref的值不用通过value获取
在js中使用ref的值必须通过value获取

…


Vue3 中 ref 属性详解
明天也要努力的博客
07-09 4万+
总结：在 Vue3 中没有 $ refs，因此 Vue3 中通过 ref 属性获取元素就不能按照 vue2 的 方式来获取。 Vue3 需要借助生命周期方法，因为在 setup 执行时，template 中的元素还没挂载到页面上，所以必须在 mounted 之后才能获取到元素。 总结： 先申明 ref 响应式数据，再返回给模版 使用，模板 中通过 ref 绑定数据； 总结： 先定义一个空数组，再定义一个函数获取元素，并把该函数绑定到 ref 上（必须动态绑定），最后在函数 中可以通过参数得到单个元素，这个元素一般可以放
vue3 中的 ref()
Sapling
11-07 9198
只有当嵌套在一个深层响应式对象内时，才会发生 ref 解包。如果将一个对象赋值给 ref，则这个对象会通过reactive()转为具有深层次的响应式对象。如果将一个新的 ref 赋值给另一个对象具有 ref 属性的 ，那么它会替换掉旧的 ref。接受一个值，返回一个响应式的，可以修改的 ref对象，这个对象只有一个。 属性进行修改，修改后的值也是响应式的，并且修改后会触发相关的副作用。一个 ref对象嵌套在一个响应式对象 中， 属性访问时会自动解包。对于 属性值是 ref对象的对象，解构后也具有响应式。
在 Vue 中 使用 ref获取dom元素节点及组件内的数据和方法
01-20
一、获取dom元素节点 为元素添加一个 ref 属性 该 属性的值可任取 以作为该节点的引用名 ref即为 reference(引用)的前三个字母

This is title
This is content

用Vue实例中的自带的$refs属性获取元素 用预先定义好的引用名来获取 即在页面中的ref属性定义的值

var vm=new <em>Vue</em>({el:&#39;#app&#39;,data:{},methods:{getElement(){console.log(this.$<em>ref</em>s.myti</div></a></div>
</div>
Vue 2 中 ref 属性的 使用方法及注意事项
08-30
主要给大家介绍了关于 Vue 2 中 ref 属性的 使用方法及注意事项的相关资料，文 中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。
详解 Vue的 ref特性的 使用
12-28
一、 ref的基本 使用 ref的 使用

<!-- vm.$<em>ref</em>s.p将会是DOM结点 -->
hello
<!-- vm.$<em>ref</em>s.child将会是子组件实例 -->

如果在普通的 DOM 元素上使用，引用指向的就是DOM 元素如果用在子组件上，引用就指向组件实例
深入理解 < e m > r e f < / e m > s 某组件的 <em>ref</em>s 某组件的 <em>ref</em>s某组件的refs含有该组件的所有ref，看下面的例子

hello
<child-component ref


vue 中动态添加class类名的方法
10-18
今天小编就为大家分享一篇 vue 中动态添加class类名的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js 中 ref和$ refs的 使用及示例讲解
12-10
关于 ref和$ refs的用法及讲解， vue.js 中文社区（ https://cn. vuejs.org/v2/api/# ref ）是这么讲解的： ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父... ref可以直接加在HTML标签上，作为一个 属性存在
vue.js 中 ref及$ refs的 使用方法解析
12-13
关于 ref和$ refs的用法及讲解， vue.js 中文社区（ https://cn. vuejs.org/v2/api/# ref ）是这么讲解的： ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父... ref可以直接加在HTML标签上，作为一个 属性存在
在 vue 中获取dom元素内容的方法
08-30
本篇文章主要介绍了在 vue 中获取dom元素内容的方法，可以通过给标签加 ref 属性，这里整理了详细的代码,有兴趣的可以了解一下
在 vue3 中 ref标签 属性 使用
06-11
在 Vue 3 中，` ref` 是一个新的响应式 API，用于在模板 中引用一个元素或组件，并可以在 JavaScript 代码 中访问该元素或组件的 属性和方法。

在模板中，可以使用 <em>ref</em> 指令来创建一个 <em>ref</em> 对象，并将其绑定到一个元素或组件上。例如：

&lt;template&gt;&lt;div&gt;&lt;input type=&quot;text&quot; <em>ref</em>=&quot;input<em>Ref</em>&quot; /&gt;&lt;button @click=&quot;handleClick&quot;&gt;Click Me&lt;/button&gt;&lt;/div&gt;
&lt;/template&gt;&lt;script&gt;
import { <em>ref</em> } from &#39;<em>vue</em>&#39;;export default {setup() {const input<em>Ref</em> = <em>ref</em>(null);function handleClick() {input<em>Ref</em>.value.focus();}return {input<em>Ref</em>,handleClick,};},
};
&lt;/script&gt;

在这个例子中，我们使用 <em>ref</em> 指令将 input 元素绑定到 input<em>Ref</em> 变量上。在 setup 函数中，我们使用 <em>ref</em> 函数创建了一个 <em>ref</em> 对象，并将其初始值设置为 null。然后，我们在 handleClick 函数中访问了 input<em>Ref</em>.value，并调用了 focus 方法，以便将焦点设置到 input 元素上。

需要注意的是，在 Vue 3 中，<em>ref</em> 不再返回一个对象，而是返回一个包含 value 属性的普通 JavaScript 对象。因此，在访问 <em>ref</em> 对象的属性和方法时，需要使用 .value 来访问其值。

另外，在 Vue 3 中，<em>ref</em> 还可以用于引用组件，例如：

&lt;template&gt;&lt;div&gt;&lt;MyComponent <em>ref</em>=&quot;myComponent<em>Ref</em>&quot; /&gt;&lt;button @click=&quot;handleClick&quot;&gt;Click Me&lt;/button&gt;&lt;/div&gt;
&lt;/template&gt;&lt;script&gt;
import { <em>ref</em> } from &#39;<em>vue</em>&#39;;
import MyComponent from &#39;./MyComponent.<em>vue</em>&#39;;export default {components: {MyComponent,},setup() {const myComponent<em>Ref</em> = <em>ref</em>(null);function handleClick() {myComponent<em>Ref</em>.value.someMethod();}return {myComponent<em>Ref</em>,handleClick,};},
};
&lt;/script&gt;

在这个例子中，我们使用 <em>ref</em> 指令将 MyComponent 组件绑定到 myComponent<em>Ref</em> 变量上。在 setup 函数中，我们使用 <em>ref</em> 函数创建了一个 <em>ref</em> 对象，并将其初始值设置为 null。然后，我们在 handleClick 函数中访问了 myComponent<em>Ref</em>.value，并调用了 someMethod 方法，以便调用 MyComponent 组件的某个方法。


本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/832403.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ModuleNotFoundError: No module named ‘pkg_resources‘ 问题如何解决？

ModuleNotFoundError: No module named ‘pkg_resources‘ 问题如何解决？

ModuleNotFoundError: No module named pkg_resources 通常是因为 Python 环境中缺少 setuptools 模块。pkg_resources 是 setuptools 包的一部分&#xff0c;用于处理 Python 包的发行和资源。 为解决这个问题&#xff0c;请按照以下步骤操作&#xff1a; 确保 setuptools 已…
阅读更多...
压缩png图片大小怎么操作？试试这招一键压缩图片体积

压缩png图片大小怎么操作？试试这招一键压缩图片体积

png图片是一种无损压缩格式&#xff0c;体积也会比其他格式的图片要大。但是&#xff0c;我们在使用的过程中遇到需要给png图片压缩体积的情况时要怎么办呢&#xff1f;很简单&#xff0c;只需要使用png压缩大小&#xff08;https://www.yasuotu.com/png&#xff09;网站-压缩图…
阅读更多...
UE5 体积云

UE5 体积云

写好的体积材质放这里面 效果如上 Begin Object Class/Script/UnrealEd.MaterialGraphNode Name"MaterialGraphNode_4"Begin Object Class/Script/Engine.MaterialExpressionVectorParameter Name"MaterialExpressionVectorParameter_0"End ObjectBegin O…
阅读更多...
欢乐钓鱼大师脚本，游戏托管一键操作！

欢乐钓鱼大师脚本，游戏托管一键操作！

欢迎来到《钓鱼大师乐趣无穷》&#xff01;这里是一片充满了乐趣和挑战的钓鱼天地。不论你是刚刚入门的小白&#xff0c;还是已经成为老手的大神&#xff0c;本攻略将为你揭示如何在游戏中获得成功&#xff0c;并针对稀有鱼类的钓鱼技巧进行详细介绍。 一、初探钓鱼的乐趣 在《…
阅读更多...
低功耗UPF设计的经典案列分享

低功耗UPF设计的经典案列分享

案例1 分享个例子&#xff0c;景芯A72低功耗设计&#xff0c;DBG domain的isolation为何用VDDS_maia_noncpu供电而不是TOP的VDD&#xff1f; 答&#xff1a;因为dbg的上一级是noncpu&#xff0c;noncpu下面分成dbg和两个tbnk。 案例2 景芯A72的低功耗&#xff0c;请问&#…
阅读更多...
RabbitMQ是怎么做消息分发的？——Java全栈知识（14）

RabbitMQ是怎么做消息分发的？——Java全栈知识（14）

RabbitMQ是怎么做消息分发的&#xff1f; RabbitMQ 的消息分发分为五种模式&#xff1a;分别是简单模式、工作队列模式、发布订阅模式、路由模式、主题模式。 1、简单模式 publisher 直接发送消息到队列消费者监听并处理队列中的消息 简单模式是最基本的工作模式&#xff0c;…
阅读更多...
数据仓库基础理论（学习笔记）

数据仓库基础理论（学习笔记）

数据仓库基础理论 1.数据仓库概念 2.数据仓库为何而来 3.数据仓库主要特征 4.OLTP、OLAP系统 5.数据仓库与数据库的区别 6.数据仓库与数据集市的区别 7.数据仓库分层架构 7.1为什么要分层&#xff1f; 8.ETL、ELT
阅读更多...
爱普生S2D13V52快速实现车载显示屏高分辨率显示系统

爱普生S2D13V52快速实现车载显示屏高分辨率显示系统

随着时代的发展&#xff0c;汽车驾驶位前中央的显示屏承担的功能也越来越多&#xff0c;从一开始仅仅是显示仪表盘的信息&#xff0c;再到作为显示屏辅助倒车&#xff0c;再到如今和一块平板一样可公认娱乐&#xff0c;显示屏的大小有些时候成为了一辆车够不够好的体现。随着汽…
阅读更多...
【网络安全】记一场完整实战SRC漏洞挖掘（超详细）全过程

【网络安全】记一场完整实战SRC漏洞挖掘（超详细）全过程

前言 记录一次完整的某SRC漏洞挖掘实战&#xff0c;为期一个多星期。文章有点长&#xff0c;请耐心看完&#xff0c;记录了完整的SRC漏洞挖掘实战 渗透过程 因为选择的幸运儿没有对测试范围进行规划&#xff0c;所以此次范围就是没有范围。 先上主域名看一眼&#xff0c;看…
阅读更多...
Error: error:0308010C:digital envelope routines::unsupported 问题如何解决

Error: error:0308010C:digital envelope routines::unsupported 问题如何解决

Error: error:0308010C:digital envelope routines::unsupported 通常与 Node.js 的加密库中对某些加密算法的支持有关。这个错误可能是因为 Node.js 的版本与某些依赖库不兼容导致的。特别是在 Node.js 17 版本中&#xff0c;默认使用 OpenSSL 3&#xff0c;而一些旧的加密方式…
阅读更多...
银行卡实名认证API接口快速对接

银行卡实名认证API接口快速对接

银行卡实名认证API接口又叫银行卡核验类API接口、银行卡验证类API接口、银联核验类API接口,根据入参字段不同&#xff0c;分银行卡二要素验证API接口&#xff0c;银行卡三要素验证API接口&#xff0c;银行卡四要素验证API接口。其中&#xff0c;银行卡二要素验证API接口是验证开…
阅读更多...
BEV下统一的多传感器融合框架 - FUTR3D

BEV下统一的多传感器融合框架 - FUTR3D

BEV下统一的多传感器融合框架 - FUTR3D 引言 在自动驾驶汽车或者移动机器人上&#xff0c;通常会配备许多种传感器&#xff0c;比如&#xff1a;光学相机、激光雷达、毫米波雷达等。由于不同传感器的数据形式不同&#xff0c;如RGB图像&#xff0c;点云等&#xff0c;不同模态…
阅读更多...
TypeError报错处理

TypeError报错处理

哈喽&#xff0c;大家好&#xff0c;我是木头左&#xff01; 一、Python中的TypeError简介 这个错误通常表示在方法调用时&#xff0c;参数类型不正确&#xff0c;或者在对字符串进行格式化操作时&#xff0c;提供的变量与预期不符。 二、错误的源头&#xff1a;字符串格式化…
阅读更多...
动力电池热管理方案介绍与发展方向

动力电池热管理方案介绍与发展方向

摘要 随着电动汽车的快速发展&#xff0c;高性能的动力电池系统成为推动电动汽车产业发展的重要因素。然而&#xff0c;伴随着能量密度提高和放电深度增加&#xff0c;电池热管理问题逐渐凸显。良好的热管理方案能够提高电池的寿命&#xff0c;保障电池性能&#xff0c;延长电…
阅读更多...
【C语言刷题系列】移除元素

【C语言刷题系列】移除元素

目录 一、问题描述 二、解题思路 三、源代码 个人主页&#xff1a; 倔强的石头的博客 系列专栏 &#xff1a;C语言指南 C语言刷题系列 一、问题描述 二、解题思路 在C语言中&#xff0c;原地移除数组中所有等于特定值的元素并返回新长度的问题可以通过双指针法…
阅读更多...
Linux：进程信号（一）信号的产生

Linux：进程信号（一）信号的产生

目录 一、信号是什么&#xff1f; 二、Linux信号 三、信号处理方式 四、信号的产生 1、 通过终端按键产生信号 2、调用系统函数向进程发信号 3、 硬件异常产生信号 一、信号是什么&#xff1f; 在生活中&#xff0c;有许多信号&#xff0c;比如红绿灯&#xff0c;下课铃声…
阅读更多...
后缀字串排序

后缀字串排序

直接sort: #include <iostream> #include <cstring> #include <algorithm> #include <vector>using namespace std;int main() {string str;cin >> str;int len str.size();vector<string> strings;for(int i 0; i < len; i){strin…
阅读更多...
文件删了,回收站清空了怎么恢复？文件恢复软件一览

文件删了,回收站清空了怎么恢复？文件恢复软件一览

在日常生活和工作中&#xff0c;我们常常会遇到误删除文件的情况&#xff0c;有时甚至会因为清空了回收站而无法找回这些文件。这些文件可能包含重要的工作数据、个人照片或其他珍贵的回忆。那么&#xff0c;在这种情况下&#xff0c;我们该如何恢复这些被删除且清空回收站的文…
阅读更多...
【数字图像处理笔记】Matlab实现图像平滑算法 均值-中值-高斯滤波 （三）

【数字图像处理笔记】Matlab实现图像平滑算法 均值-中值-高斯滤波 （三）

&#x1f48c; 所属专栏&#xff1a;【数字图像处理笔记】 &#x1f600; 作  者&#xff1a;我是夜阑的狗&#x1f436; &#x1f680; 个人简介&#xff1a;一个正在努力学技术的CV工程师&#xff0c;专注基础和实战分享 &#xff0c;欢迎咨询&#xff01; &#x…
阅读更多...
二手车买卖求购置换租车微信抖音小程序开源版开发

二手车买卖求购置换租车微信抖音小程序开源版开发

二手车买卖求购置换租车微信抖音小程序开源版开发 二手车置换平台小程序系统&#xff0c;为买家和卖家提供了一个交流和交易的平台 Uniapp&#xff0c;基于Uniapp开发&#xff0c;仅支持编译微信小程序和抖音小程序 车辆发布&#xff0c;自主发布车辆信息。 圈子交流&#xff…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站