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

【vue讲解：ref属性、动态组件、插槽、vue-cli创建项目、vue项目目录介绍、vue项目开发规范、es6导入导出语法】

news 文章来源：https://blog.csdn.net/weixin_50556117/article/details/141196453 2024/9/21 12:39:16

0 ref属性（组件间通信）

# 1 ref属性放在普通标签上<input type="text" v-model="name" ref="myinput">通过 this.$refs['myinput'] 拿到的是 原生dom对象操作dom对象：改值，换属性。。。# 2 ref属性放在 组件上<Child ref="mychild"></Child>通过 this.$refs['mychild'] 拿到的是 组件对象组件对象.属性组件对象.方法实现父子间通信

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="./js/vue.js"></script><script src="./js/axios.js"></script></head>
<body>
<div id="app"><h1>ref属性</h1><input type="text" v-model="name" ref="myinput"><img src="./img/3.png" alt="" ref="myimg"><button @click="handleClick">点我执行代码</button><div style="background-color: aquamarine"><Child ref="mychild"></Child></div></div>
</body><script>Vue.component('Child', {template: `<div><img :src="url" alt="" height="300px" width="200px"><button @click="handleClick('子组件传入的')">点我弹窗</button></div>`,data() {return {url: './img/1.png'}},methods: {handleClick(name) {alert(name)}}})var vm = new Vue({el: '#app',data: {name: ''},methods: {handleClick() {console.log(this.$refs)// 1 根据ref指定的名字，取出原生dom对象// var i = this.$refs['myinput']// console.log(i)// i.value = "你好"// 2 改图片// var i = this.$refs['myimg']// i.src='./img/6.png'// 3 操作组件对象-->实现组件间通信var i = this.$refs['mychild']console.log(i.url)// 改图片i.url = './img/2.png'// 执行方法i.handleClick('lqz')}}})</script>
</html>

1 动态组件

# 小案例---》点击按钮，切换组件

1.1 使用v-if控制组件显示与否

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="./js/vue.js"></script></head>
<body>
<div id="app"><h1>点击按钮切换组件</h1><button @click="who='home'">首页</button><button @click="who='goods'">商品</button><button @click="who='order'">订单</button><Home v-if="who=='home'"></Home><Goods v-else-if="who=='goods'"></Goods><Order v-else></Order></div>
</body><script>var vm = new Vue({el: '#app',data: {who: 'home',},components: {Home: {template: `<div><h3>我是首页</h3></div>`},Goods: {template: `<div><h3 style="background-color: aquamarine">我是商品页面</h3></div>`},Order: {template: `<div><h3 style="background-color: red">我是订单</h3></div>`},}})</script>
</html>

1.2 通过动态组件控制组件显示谁

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="./js/vue.js"></script></head>
<body>
<div id="app"><h1>点击按钮切换组件</h1><button @click="who='Home'">首页</button><button @click="who='Goods'">商品</button><button @click="who='Order'">订单</button><keep-alive><component :is="who"></component></keep-alive>
</div>
</body><script>var vm = new Vue({el: '#app',data: {who: 'Home',},components: {Home: {template: `<div><h3>我是首页</h3></div>`},Goods: {template: `<div><h3 style="background-color: aquamarine">我是商品页面</h3></div>`},Order: {template: `<div><h3 style="background-color: red">我是订单</h3><input type="text" v-model="search"></div>`,data() {return {search: ''}}},}})</script>
</html>

1.3 keep-alive的使用–组件缓存

    <keep-alive><component :is="who"></component></keep-alive>

2 插槽

#一般情况下，编写完1个组件之后，组件的内容都是写死的，需要加数据 只能去组件中修改，扩展性很差
# 然后就出现了插槽这个概念，只需在组件中添加<slot></slot>，就可以在的组件标签中添加内容

2.1 基本使用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="./js/vue.js"></script></head>
<body>
<div id="app"><h1>插槽使用</h1><div style="background-color: aquamarine"><Home><div><img src="./img/1.png" alt="" width="200px" height="300px"></div></Home></div><hr><div style="background-color: pink"><Home><a href="">点我看美女</a></Home></div></div>
</body><script>var vm = new Vue({el: '#app',data: {who: 'Home',},components: {Home: {template: `<div><h3>我是首页</h3><slot></slot><h3>结束了</h3></div>`},}})</script>
</html>

2.2 具名插槽

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="./js/vue.js"></script></head>
<body>
<div id="app"><h1>具名插槽使用</h1><div style="background-color: aquamarine"><Home><div slot="foot"><img src="./img/1.png" alt="" width="200px" height="300px"></div><div slot="middle"><a href="">点我看美女</a></div></Home></div><hr></div>
</body><script>var vm = new Vue({el: '#app',data: {who: 'Home',},components: {Home: {template: `<div><h3>我是首页</h3><slot name="middle"></slot><h3>结束了</h3><slot name="foot"></slot></div>`},}})</script>
</html>

3 vue-cli创建项目

# 创建vue项目，需要借助于几个东西- nodejs：-javascript只能运行在浏览器中-把谷歌浏览器的js解释环境---》使用c重写，--》能够运行在操作之上-使用js的语法，就可以写后端了：c写了网络，文件操作，数据库操作-js的语法，运行在操作系统上的一个解释型后端语言- vue-cli：vue脚手架  是node的一个模块# 安装node环境-官网下载安装包：node-v18.16.1-x64.msi 一路下一步安装-node---》python的python命令-npm---》python的pip命令-下载模块，去国外，很慢-加速下载第三方模块：（用来替换npm命令的)npm install -g cnpm --registry=https://registry.npm.taobao.org-安装模块使用：npm install -现在使用  cnpm install  速度快# 安装vue脚手架
cnpm install -g @vue/cli
安装完就会释放 vue 令   #装完django 释放了django-admin一样，用来创建项目# 使用vue脚手架，创建vue项目
vue create 项目名
操作如下图# 另一种创建vue项目方式：图形化界面

在这里插入图片描述

4 vue项目目录介绍

# 使用pycharm开发# 运行vue项目的两种方式-使用名：npm run dev-使用pycharm运行：绿色箭头# 目录结构
first_vue  #项目名-node_modules  # 项目有很多依赖都放在这，等同python的 .venv文件夹，可以删掉，非常多小文件，复制很慢，如果没了，执行 cnpm install  就可以在装上，装完项目可以运行-public # 文件夹（一般不动）favicon.ico # 网站小图标index.html # spa：单页面应用---》整个vue项目其实就这一个html页面，以后都是组件切换-src # 开发重点，以后代码几乎都是写在这里-assets   # 放一些静态资源：图片，css，js-logo.png  # 组件中使用的图片-components # 放组件：小组件-HelloWorld.vue  # 默认提供给咱们的-views      # 放组件：页面组件HomeView.vue # 首页AboutView.vue#关于-router # 装了vue-router就会有这个文件夹，后面讲-index.js-store # 装 vuex 就会有这个文件夹，后面讲-index.js-main.js # 整个项目的入口-App.vue #根组件-.gitignore  # 使用了git，忽略文件-babel.config.js #装了bable就会生成它---》语法转换--》可以写es高版本语法-package.json  # 放了项目的依赖-package-lock.json # 锁定文件--》锁定依赖的版本-README.md  #介绍文件-vue.config.js # vue配置文件 一般不动

在这里插入图片描述

4.1 大致看一下文件中写了什么内容

# index.html  单页面应用，全局只有一个html-不能禁用js，否则，vue项目执行不力-div  id是app，跟咱们之前写的一样# HelloWorld.vue   组件化开发，开发阶段，以后再vue项目中，写组件  写 xx.vuetemplate：在这里写 html内容script：在这里写jsstyle：在这里写样式之前写组件#组件名字就是：HelloWorld 文件名# template：template内写的内容# data(){} :在script中<script>export default {data(){return {}},methods:{}}</script># 之前不能写独立的css，以后都写在 style中#总结：之前定义组件，写起来很麻烦，现在定义组件，只要创建一个 xx.vue,在固定的位置，写固定的代码即可# main.js--》控制  index.html 使用哪个跟组件 ---App.vue-import store from './store' # 导入语法- 在这里 new 了vue实例new Vue({render: h => h(App)}).$mount('#app')# package.json 里面有项目依赖

5 vue项目开发规范

# 以后做vue开发，只需要创建 组件 xx.vue# 会有三部分
##第一部分###  写html，插值，事件绑定
<template>
</template>##第二部分###  data，methods，watch，created
<script>
export default {
}
</script>##第三部分###   写样式
<style scoped>
</style>

6 es6导入导出语法

# 以后，做了项目开发，肯定要导入某些模块使用-之前是使用<script src=""></script>-以后再项目中：import App from './App.vue'  语法引入# 默认导出和默认导入的使用#在utils.js中 ，导出var NAME = '彭于晏'function add(a, b) {return a + b}export default { #导出add,NAME}# 在想用的位置导入import lqz from './lqz/utils' # 以后使用lqz代指就是导出的对象

【vue讲解：ref属性、动态组件、插槽、vue-cli创建项目、vue项目目录介绍、vue项目开发规范、es6导入导出语法】

0 ref属性（组件间通信） # 1 ref属性放在普通标签上<input type"text" v-model"name" ref"myinput">通过 this.$refs[myinput] 拿到的是原生dom对象操作dom对象：改值，换属性。。。# 2 ref属…...

编程日记 2024/8/18 21:08:58

ubuntu：最新安装使用docker

前言系统：ubuntu 22.04 desktop 目的：安装使用docker 安装小猫猫没有安装包的，可以自己去瞅瞅，这里不提供下载方式 sudo dpkg -i ./cat-verge_1.7.5_amd64.deb 在应用里，打开这个软件，并开启系统猫猫配…...

编程日记 2024/8/18 21:07:55

Linux ssh 免密失效

sudo chmod -R 777 /home/xxx sudo chown -R xxx:xxx /home/xxx 为什么我输入这两条指令后，ssh免密失效了？ 当你使用 sudo chmod -R 777 /home/xxx 和 sudo chown -R xxx:xxx /home/xxx 这两条指令后，可能会导致 SSH 免密登录失效的原因有以…...

编程日记 2024/8/18 21:06:52

一、安装helm仓库 # helm pull ingress-nginx/ingress-nginx 二、修改三、运行 # kubectl label nodes node01.110111.cn ingresstrue# kubectl label nodes node02.110112.cn ingresstrue# helm upgrade --install ingress-nginx -n ingress-nginx . -f values.yaml 四、检…...

编程日记 2024/8/18 21:05:49

Android 13 about launcher3 (1)

Android 13 Launcher3 android13#launcher3#分屏相关 Launcher3修改 wm density界面布局不改变 /packages/apps/Launcher3/src/com/android/launcher3/InvariantDeviceProfile.java Launcher的默认配置加载类，通过InvariantDeviceProfile方法可以看出，…...

编程日记 2024/8/18 21:04:48

服务器数据恢复—raid5阵列热备盘未全部启用导致阵列崩溃的数据恢复案例

服务器存储数据恢复环境： 一台EMC某型号存储中有一组RAID5磁盘阵列。该raid5阵列中有12块硬盘，其中2块硬盘为热备盘。服务器存储故障： 该存储raid5阵列中有两块硬盘离线，只有1块热备盘启用替换掉其中一块离线盘，另外…...

编程日记 2024/8/18 21:03:45

HTML—css

css概述 C S S 是 C a s c a d i n g S t y l e S h e e t s （ 级联样式表 ） 。 C S S 是一种样式表语言 ， 用于为 H T M L 文档控制外观 ， 定义布局。例如 ， C S S 涉及字体、颜色、…...

编程日记 2024/8/18 21:02:44

IO多路复用（Input/Output Multiplexing）

IO多路复用（Input/Output Multiplexing）是一种在单个线程中管理多个输入/输出通道的技术。它允许一个线程同时监听多个输入流（如网络套接字、文件描述符等），并在有数据可读或可写时进行相应的处理，而不需要为每个通道创建一个独立的线程。这种技术主要用于处理并发连接…...

编程日记 2024/8/18 21:01:43

android与pc 用socket无线通信

今天做一个android与pc通信的小demo（不是wifi，蓝牙）android为客户端，pc为服务器（一对多）。pc代码很简单，android客户端代码也不难，但是有一点不太明白就是在客户端向服务器发送消息时…...

编程日记 2024/8/18 21:00:41

【流程引擎】springboot完美集成activiti工作流方案

前言 activiti工作流引擎项目，企业erp、oa、hr、crm等企事业办公系统轻松落地，一套完整并且实际运用在多套项目中的案例，满足日常业务流程审批需求。项目源码配套文档获取：本文末个人名片直接获取。一、项目形式 springboot…...

编程日记 2024/8/18 20:59:30

11、常见API

01、String类概述及构造方法简介一、字符串由多个字符组成的一串数据二、简介 String类代表的是一个字符串。字符串对象在开发中是最常见的。为了方便我们对字符串进行操作，java就把字符串用对象进行了封装，这个封装就是String类三、String类的构造方…...

编程日记 2024/8/18 20:58:29

渗透第三次作业

目录第一关Ma Spaghet! 第二关Jefff： 第三关：Ugandan Knuckles 第四关：Ricardo Milos 第五关： Ah Thats Hawt 第一关Ma Spaghet! <h2 id"spaghet"></h2> <script>spaghet.innerHTML (new URL(…...

编程日记 2024/8/18 20:57:28

Python自动化：解锁高效工作与生产力的密钥

在当今快节奏的数字时代，自动化已成为提升工作效率、优化流程、减少人为错误的不可或缺的工具。Python，作为一种功能强大、易于学习且应用广泛的编程语言，在自动化领域扮演着举足轻重的角色。无论是数据处理、Web自动化、软件测试&#xff0c…...

编程日记 2024/8/18 20:56:26

Sentinel1.8.1 控制台改造

Sentinel 控制台是流量控制、熔断降级规则统一配置和管理的入口，它为用户提供了机器自发现、簇点链路自发现、监控、规则配置等功能。在 Sentinel 控制台上，我们可以配置规则并实时查看流量控制效果。本项目是在Sentinel控制台1.8.1的基础上改造的&…...

编程日记 2024/8/18 20:55:25

设计模式（2）行为型模式和七大原则

1、目标本文的主要目标是学习设计模式的行为型模式并举例说明 2、行为型模式 2.1 观察者模式（Observer） 观察者模式是对象之间存在一对多的依赖关系，当一个对象的状态发生变化时，所有依赖它的对象都会得到通知并自动更新&…...

编程日记 2024/8/18 20:54:23

学懂C++（三十一）：高级教程——深入详解C++高级多线程编程技术之锁优化与替代

引言随着多核处理器的普及，多线程编程技术已经成为提高应用程序性能的关键手段。在多线程环境下，如何高效、安全地管理线程之间的共享资源是开发者面临的主要挑战。传统的锁机制，如互斥锁（Mutex）、临界区（…...

编程日记 2024/8/18 20:52:21

Linux - 基础工具使用

文章目录一、yum1、介绍2、功能3、语法4、使用二、rzsz1、安装rzsz的指令2、介绍3、使用三、vim基础使用1、介绍2、基础使用四、gcc/g使用1、生成可执行文件过程2、语法3、常用选项4、编译过程5、动静态库6、包含头文件的多文件编译7、链接外部库一、yum 1、介绍 Linux中…...

编程日记 2024/8/18 20:51:19

理解线程id和简单封装原生线程库

一、理解线程id 首先我们要知道给用户提供的线程id不是内核里面LWP（轻量级进程id），而是pthread库自己维护的一个唯一值。我们理解为什么线程id不是内核里面LWP，因为用户没有权限使用内核里面的字段，那是专门给OS管理…...

编程日记 2024/8/18 20:48:16

Unified 阻抗控制 architecture、framework、approach

Unified 阻抗控制（Unified Impedance Control）作为一种控制策略，其architecture（架构）、framework（框架）和approach（方法）为： 一、Unified 阻抗控制 Archite…...

编程日记 2024/8/18 20:46:13

Java后端面试题(mq相关)(day9)

目录为什么用MQ？ 异步、削峰、解耦1. 异步处理2. 解耦3. 削峰填谷 Exchange类型什么是死信队列？如何保证消息的可靠性？RabbitMQ中如何解决消息堆积问题?RabbitMQ中如何保证消息有序性?如何防止消息重复消费？(如何保证消息幂等…...

编程日记 2024/8/18 20:44:11

算法-华为OD机试-识别有效的IP地址和掩码并进行分类统计

1.描述见牛客网 https://www.nowcoder.com/practice/de538edd6f7e4bc3a5689723a74356822. 分析根据题目要求，分为以下几步 1. 提取IP地址和子网掩码我们首先需要拆分输入的每一行，分别提取IP地址和子网掩码，并检查它们的合法性。 2.…...

编程日记 2024/8/18 20:43:09

钉钉开发网页应用JSAPI前端授权鉴权nodejs实现

钉钉开发网页应用JSAPI前端授权鉴权nodejs实现使用钉钉进行H5网页开发的时候，需要调用一些钉钉提供具有原生能力的api，要调用这些api需要进行jsapi授权。详见官方文档（可选）开发网页应用前端 - 钉钉开放平台 (dingtalk.com) 官方…...

编程日记 2024/8/18 20:41:06

uniapp 自定义全局弹窗

自定义全局弹窗可在js和.vue文件中调用，unipop样式不满足，需自定义样式。效果图目录结构 index.vue <template><view class"uni-popup" v-if"isShow"><view class"uni-popup__mask uni-center ani uni-cust…...

编程日记 2024/8/18 20:40:05

element+-ui图片无法使用--安装

element-ui图片无法使用安装npm install element-plus/icons-vue 注册 // main.jsimport * as ElementPlusIconsVue from element-plus/icons-vueconst app createApp(App) for (const [key, component] of Object.entries(ElementPlusIconsVue)) {app.component(key, compo…...

编程日记 2024/8/18 20:39:03

Python编码系列—Python ORM（对象关系映射）：高效数据库编程实践

🌟🌟 欢迎来到我的技术小筑，一个专为技术探索者打造的交流空间。在这里，我们不仅分享代码的智慧，还探讨技术的深度与广度。无论您是资深开发者还是技术新手，这里都有一片属于您的天空。让我们在知识的海洋中…...

编程日记 2024/8/18 20:36:00

一次日志记录中使用fastjson涉及到ByteBuffer的教训

背景目前本人在公司负责的模块中，有一个模块是负责数据同步的，主要是将我们数据产线使用的 AWS Dynamodb 同步的我们的测试QA 的环境的 MongoDB 的库中，去年开始也提供了使用 EMR 批量同步的功能，但是有时候业务也需要少量的数据…...

编程日记 2024/8/18 20:33:57

掌握TCP连接管理与流量控制：从零开始

文章目录 1. TCP连接管理1.1 三次握手（Three-way Handshake）1.2 四次挥手（Four-way Handshake）1.3 TCP连接管理的重要性 2. TCP流量控制2.1 滑动窗口（Sliding Window）2.2 拥塞控制（Congestion C…...

编程日记 2024/8/18 20:30:53

python提取b站视频的音频（提供源码

如果我想开一家咖啡厅，那么咖啡厅的音乐可得精挑细选！又假设我非常喜欢o叔，而o叔只在b站弹钢琴，那这时候我就得想方设法把b站的视频转为音频咯！ 一、首先打开网页版bilibili，按F12： 二、刷新页面…...

编程日记 2024/8/18 20:29:51

嵌入式Linux ,QT5 鼠标键盘设备参数指定环境变量的方法

根文件系统中，一般用mdev来管理设备，不像udev方便，有时候在执行rcS脚本的时候因为，太快，有些设备比如鼠标还没在/dev/input中生成设备文件，最好使用前用mdev -s扫描并等待几秒钟，然后就可以在in…...

编程日记 2024/8/18 20:28:50

C语言钥匙迷宫2.0

目录开头程序程序的流程图程序游玩的效果结尾开头大家好，我叫这是我58。废话不多说，咱们直接开始。程序 #define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h> #include <string.h> #include <Windows.h> enum color {Y,B,R …...

编程日记 2024/8/18 20:27:48

【多线程】初步认识Thread类及其应用

💐个人主页：初晴~ 📚相关专栏：多线程 / javaEE初阶上篇文章我们简单介绍了什么是进程与线程，以及他们之间的区别与联系，实际应用中还是以多线程编程为主的，所以这篇文章就让我们更加深入地去剖…...

编程日记 2024/8/18 20:26:47

algorithm算法库学习之——划分操作和排序操作

algorithm此头文件是算法库的一部分。本篇介绍划分操作和排序操作。划分操作 is_partitioned (C11) 判断范围是否已按给定的谓词划分 (函数模板) partition 将范围中的元素分为两组 (函数模板) partition_copy (C11) 复制一个范围，将各元素分为两组 (函数模板) st…...

编程日记 2024/8/18 20:23:43

XSS实验记录

目录 XXS地址实验过程 Ma Spaghet Jeff Ugandan Knuckles Ricardo Milos Ah Thats Hawt Ligma Mafia Ok, Boomer XXS地址 XSS Game - Learning XSS Made Simple! | Created by PwnFunction 实验过程 Ma Spaghet 要求我们弹出一个alert(1337)sandbox.pwnfuncti…...

编程日记 2024/8/18 20:21:40

Cortex-A7的GIC（全局中断控制器）使用方法（7）：基于stm32MP135的GIC配置中断效果测试

0 参考资料 STM32MP13xx参考手册.pdf（RM0475） ARM Generic Interrupt Controller Architecture version 2.0 - Architecture Specification.pdf 1 GIC配置中断效果测试前面我们已经实现了GIC的配置，为了验证GIC是否配置有效，本例…...

编程日记 2024/8/18 20:19:37

c++动态数组new和delete

文章目录动态数组的使用大全1. **基本创建和初始化**2. **动态调整大小**3. **动态数组的使用与标准库 std::vector**4. **动态数组作为函数参数**输出 5. **使用动态数组存储用户输入** 动态数组的使用大全 1. 基本创建和初始化示例： #include <iostream&g…...

编程日记 2024/8/18 20:09:26

Redis热点知识速览（redis的数据结构、高性能、持久化、主从复制、集群、缓存淘汰策略、事务、Pub/Sub、锁机制、常见问题等）

Redis是一个开源的、使用内存作为存储的、支持数据结构丰富的NoSQL数据库。它的高性能、灵活性和简单易用使其在许多场景下成为首选的缓存解决方案。以下是Redis的常见和热点知识总结。数据结构 Redis支持五种基本数据结构： String：字符串是Redis中最…...

编程日记 2024/8/18 20:07:23

【C++浅析】lambda表达式：基本结构使用示例

基本结构 [捕获列表](参数列表) -> 返回类型 { // 函数体 } 捕获列表 ([ ]): 用于指定外部变量的捕获方式。可以： 通过值捕获：[x]通过引用捕获：[&x]捕获所有变量通过值：[]捕获所有变量通过引用：[&]自…...

编程日记 2024/8/18 20:06:18

利用Redis获取权限的多种方式

更多实战内容，可前往无问社区查看http://www.wwlib.cn/index.php/artread/artid/10333.html Redis是我们在实战中经常接触到的一款数据库，因其在前期打点中被利用后可直接影响服务器安全所以在攻防过程中也备受红队关注，在本文中会重点分享一…...

编程日记 2024/8/18 20:05:16

LeetCode - LCR 146- 螺旋遍历二维数组

LCR 146题题目描述： 给定一个二维数组 array，请返回「螺旋遍历」该数组的结果。螺旋遍历：从左上角开始，按照向右、向下、向左、向上的顺序依次提取元素，然后再进入内部一层重复相同的步骤，直到提取完…...

编程日记 2024/8/18 20:03:14

如何获取Bing站长工具API密钥

Bing站长工具近期悄然上线了网站URL推送功能，似乎有意跟随百度的步伐。这个新功能允许站长通过API向Bing提交链接数据，当然也可以通过Bing站长工具手动提交。本文将详细介绍如何通过Bing站长工具生成用于网站链接推送的API密钥。首先，访问…...

编程日记 2024/8/18 20:02:13

NC 调整数组顺序使奇数位于偶数前面(一)

系列文章目录文章目录系列文章目录前言前言前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站，这篇文章男女通用，看懂了就去分享给你的码吧。描述输入一个长度…...

编程日记 2024/8/18 20:01:12

Unity异步把图片数据从显存下载到内存（GPU-＞CPU）

Unity异步把图片数据从显存下载到内存（GPU->CPU） 1.c#核心代码 using System.Collections; using System.Collections.Generic; using Unity.Collections; using UnityEditor.PackageManager.Requests; using UnityEngine; using UnityEngine.Rende…...

编程日记 2024/8/18 20:00:10

【MySQL】C/C++连接MySQL客户端，MySQL函数接口认知，图形化界面进行连接

【MySQL】C/C引入MySQL客户端安装mysqlclient库mysql接口介绍初始化mysql_init链接数据库mysql_real_connect下发mysql命令mysql_query获取出错信息mysql_error获取执行结果mysql_store_result获取结果行数mysql_num_rows获取结果列数mysql_num_fields判断结果列数mysql_field…...

编程日记 2024/8/18 19:59:09

Wireshark分析工具

简单用例首先打开软件，左上角点文件，选中要分析的文件列表。导入用tcpdump抓的包后进行分析，这里要输入过滤条件，对网络包进行一定的过滤处理。（这里172网段是阿里云的地址，用自己写的python2脚本对阿里…...

编程日记 2024/8/18 19:58:08

linux网络配置脚本

通过脚本，设置静态ip以及主机名因为企业9的网络配置文件和企业7的不一样所以，我们以rhel9和rhel7为例 rhel7/centos7/openeuler #!/bin/bash cat > /etc/sysconfig/network-scripts/ifcfg-$1 << EOF DEVICE$1 ONBOOTyes BOOTPROTOnone IPAD…...

编程日记 2024/8/18 19:57:06

IT管理：我与IT的故事4

首先，宣布一个“坏消息”。最近Herry童鞋的办公邮箱似乎有些“抽抽”了，所以邮件出现了延迟、拒收、被拒收、甚至是石沉大海的现象。为了能够更好的和大家进行沟通，大家如果发邮件到我办公邮箱的时候，若不嫌麻烦，可以抄…...

编程日记 2024/8/18 19:54:03

短链接系统设计方案

背景需要设计一个短链接系统，主要功能主要有如下几点： ToB： 输入一个长链接，转换成短链接。这个短链接有时效性，可以设定指定过期时间。这个系统的每天会生成千万级别的短链接。数据具备可分析功能。 ToC&#xf…...

编程日记 2024/8/18 19:53:02

Cisco交换机SSH使用RSA公钥免密登录（IOS与Nexus，服务器以RHEL8为例）

目录需求实验步骤0. 实验环境1. Linux2. CiscoIOS基础设置保存密钥登陆测试 3. CiscoNexus基础配置保存密钥登陆测试需求在实际工作中，常会遇到自动化的需求，那么在自动采集、配置等对网络设备的自动化需求中，不可避免的会遇到需要登录-&…...

编程日记 2024/8/18 19:52:00

QT判断操作系统类型和CPU架构

一、判断操作系统类型 1.在.pro文件中判断 macx { # mac only } unix:!macx{ # linux only } win32 { # windows only }2.在代码中判断可以包含QGlobal头文件，判断预定义宏 #include <QtGlobal> ... #ifdef Q_OS_MAC // mac #endif#ifdef Q_OS_LINUX // …...

编程日记 2024/8/18 19:47:54

input[type=checkbox]勾选框自定义样式

效果图： <template> <input class"rule-checkbox" type"checkbox" checked v-model"isChecked" /> </template><script setup lang"ts"> import { ref } from vue; const isChecked ref(); </…...

编程日记 2024/8/18 19:46:52