wuhuhuan-CSDN博客

原创 shallowReactive浅层式响应对象

点击更新shallowReactive对象属性car.price和id++，car.price和id属性都加1，并且shallowReactive视图更新。shallowReactive 和shallowRef 浅层响应式对象: 只会修改第一层对象，修改此对象第一层属性，视图会有同步变化，非第一层，数值会变，视图不会变。点击更新shallowReactive对象属性car.price++，car.price属性加1，视图不更新。点击更新ref对象数据car.price++，car.price属性加1。

2024-03-17 12:02:02 427

原创 docker 基于容器创建本地web容器化镜像

bin/httpd -f -h /data/html/ ，这样，启动容器化后就可以访问到html index.html 页面。-c 是指定 dockerfile 的配置。例如上面是执行CMD里面的命令。内容自定义例如：welcome to busybox如果没有标签，源标签用IMAGE ID如下图。用法 docker tag 源标签新标签。curl 容器ip地址，可以看到配置生效。一、启动指定buysbox 镜像。-p 是新建容器，暂定容器。b1 是启动的容器化的命名。

2024-02-08 16:59:30 648

原创 ref组合式api声明状态

点击新增数据，会修改age ,user对象里面的id、name字符、hobbies数组里面的值。ref声明的数字、字符、对象、数组类型的值都在refImpl 的value属性里面。所以，如果要改变ref 声明的变量的值，要加上.value。

2023-12-25 22:21:34 643

原创 reactive和TypeScript标注数据类型-ts使用方法

ps：interface关键字要加上lang="ts"不然会报错。一、vite项目中 : lang="ts" 是表明支持ts校验。不能将类型“string”分配给类型“number”。二、使用接口声明数据类型 interface，如果声明类型和设置值类型不一致会有提示，如图。

2023-12-25 21:31:29 905

原创＜script setup＞的作用

加了setup ，export default 、setup() return{***} 不需要写了。vue做特殊编译处理。一、使用之后，就不需要手动写以下代码，只要写逻辑代码。未加setup，vite 工程要加上下面代码。* //只要写逻辑代码。

2023-12-25 20:34:35 445

原创 reactive 组合式api声明-vite项目

-原始对象不是响应式对象，修改了原始对象模版中不会更新，要修改proxy代理对象。* - 不支持普通（原始）类型：string、boolean、number类型等。* - 支持声明对象（对象，Map/Set集合）和数组类型，点击点击工资+1按钮，工资加1。* - 用来声明响应式状态，

2023-12-24 12:06:04 408

原创 data选项声明-vite项目

ps: 如果vite 里面有多个.vue 文件，想运行其中一个，可以通过修改main.ts文件里面import App from './App.vue' ，单引号的值。点击说一说，staff 数组里面hobbies会增加一个篮球，并且改变msg 的值为msg。运行npm run dev。p.vue,内容如下。

2023-12-24 11:22:55 365

原创创建Vite项目

2023-10-30 20:26:34 319

原创 vue 内置指令-v-pre/v-memo

提高渲染能力，接收的一个数组，上次数组值和本次获取的数组值不变情况下，直接复用缓存中的进行渲染，如果数组不相同，则会重新渲染。一、v-pre 使用了该指令的元素和子元素会被编译忽略，也就是不进行编译，其中包含的所有vue模版语法都会原样显示，作用加快vue的编译。运行效果：点击更新状态，渲染状态为false 的耗时为平均为18.51416015625 ms。加了v-memo ，在大数据时，可以有效减少前段渲染耗时。二、v-memo vue3.2+新增命令。

2023-10-29 08:32:13 426

原创 v-for列表渲染

key 的作用：是为了给 Vue 一个提示，以便它可以跟踪每个节点的唯一标识，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素==因为vue3和vue2执行的顺序不相同，不推荐v-if和v-for同时作用到同一元素上。第{{index+1}} 个属性为：{{key}} ={{value}}vue2: 会先执行v-for,再执行v-if。vue3: 会先执行v-if,再执行v-for。不推荐v-if和v-for同时作用到同一元素上。三、v-if和v-for同时使用时（注意）

2023-10-23 21:58:56 372

原创 v-if和v-else-if、v-else或v-show

v-else-if="布尔类型条件":必须与v-if搭配使用，出现n次。v-else：必须和v-if搭配使用，只能出现1次。使用css的display来切换显示和隐藏。v-if="布尔类型条件"：能出现n次。一、用于真正的隐藏和显示，显示时才会渲染dom元素。显示和隐藏时都会渲染dom元素。二、v-show="布尔类型条件"

2023-10-22 08:40:47 446

原创 v-model修饰符 .lazy .number .trim

它会自动将输入的值自动转成number 类型（可以通过parseFloat转成数值，则会自动转，转不成功的返回原始：asdf123）使用 .lazy 修饰符后，当改变数据失去焦点-触发change事件来进行更新数据。默认情况下，v-model它是在每次输入数据时触发input事件来更新数据的。比如: 123aaaa123,转成的值为123。如果输入的值是数字开头，会舍弃非数字后面的值。会自动开启 type=number 类型。3、v-model.trim 去除左右空格。

2023-10-21 15:05:15 452

原创 v-model表单数据双向绑定-表单提交示例

ps: v-model 绑定一般为 name属性。name 属性可以删除。

2023-10-18 20:37:18 85

原创 vue单向绑定和双向绑定

一、单向绑定就是：修改视图，数据不变；修改数据（app.name="1234"），视图会变。二、双向绑定：修改视图，数据会变；

2023-10-18 19:37:09 210

原创 vue-按键修饰符

meta:mac针对的是command键盘，windows针对的windows键盘（田）.delete(针对delete和backspace两个按键)按键修饰符：主要用于监听键盘上的按钮被按下时，可触发对应的事件函数。v-on:keyup.修饰符.修饰符】、系统修饰符必须按下才触发。

2023-10-15 17:42:10 209

原创 nginx配置netty

1、首先，先下载nginx的rpm包，下载地址：http://nginx.org/packages/centos/7/x86_64/RPMS/二、配置nginx 配置文件 7001 是netty服务器的端口。systemctl start nginx 启动nginx。systemctl restart nginx 重启命令。systemctl stop nginx 停止命令。nginx安装目录：/etc/nginx。nginx -V 查看版本及安装路径等。三、指定配置文件启动nginx。

2023-10-12 12:39:13 318

原创 v-on/@ 事件处理指令修饰符-stop、prevent、once

.once修饰符，点击事件只触发一次{{num}}

2023-10-11 20:22:56 207

原创 v-on事件处理指令；简写@事件名

console.log('输入框失去焦点',event.target.value);//this 代表app对象。2、简写方式`@事件名=“函数/方法”，注意@符号不能加冒号“：”`oninput、onclick、onchange、onblur等。say(event){//event 事件对象。1、完整方式`v-on:事件名=“函数/方法”`ps:methods 可以定义多个方法选项，用逗号分隔。},//多个必须加逗号。一、v-on 给元素（标签）绑定事件监听器。

2023-10-09 20:32:59 300

原创 v-bind绑定

v-bind简写动态绑定多个属性</a><a :="{id : id,href:to}" id="8888">v-bind简写动态绑定多个属性</a><a id="9999" :="{id : id,href:to}">v-bind简写动态绑定多个属性

2023-10-08 21:25:15 211

原创 vue模版语法-{{}}/v-text/v-html/v-once

注意：v-html 遇到标签和vue语法代码会被忽略，直接显示，防止xss攻击。1、定义样式：将带有 v-cloak 指令的标签属性。2、{{js表达式}}:可以直接进行js表达式处理。1、 {{变量名}}:data中返回对象的变量名。2、在需要被解决闪烁问的元素加上v-cloak。1、为了解决双大括号渲染数据出现闪烁问题。3、注意：双大括号中不要写等式书写。原理：先隐藏，编译完成后再显示。

2023-10-07 20:37:23 1241

原创 vue-devtools插件安装

链接：https://pan.baidu.com/s/1tEyZJUCEK_PHPGhU_cu_MQ?二、打开开发者模式，将vue-devtools.crx 拖入页面，点击添加扩展程序。一、打开谷歌浏览器，点击扩展程序-管理扩展程序。

2023-10-06 10:03:51 151

原创 Vue MVVM 模型

Vue模版语法 - Google Chrome 2023-10-06 09-36-48。MVVM 是 Model-View-ViewModel 的缩写，它是一种软件架构风格。ViewModel：视图模型，其实本质上就是 Vue 实例，例如app实例。Model：模型，数据对象（data 函数），如下图。View：视图，模板页面（用于渲染数据）一、什么事MVVM 模型。

2023-10-06 09:48:00 140

原创创建vue3工程

一、新建工程目录E:\vue\projectCode\npm-demo用Visual Studio Code 打开目录。四、初始化项目，输入npm init 一直敲回车直到创建成功如下图。二、点击新建文件夹按钮，新建vue3-01-core文件夹。三、右键vue3-01-core文件夹点击在集成终端中打开。

2023-10-05 22:24:47 581

原创 Visual Studio Code 安裝

windows系统的快速下载地址：https://vscode.cdn.azure.cn/stable/441438abd1ac652551dbe4d408dfcec8a499b8bf/VSCodeUserSetup-x64-1.75.1.exe。macOS系统的快速下载地址：https://vscode.cdn.azure.cn/stable/441438abd1ac652551dbe4d408dfcec8a499b8bf/VSCode-darwin-universal.zip。

2023-10-05 21:25:36 1193

原创 NPM使用

插入号 + 指定版本号：比如 ^3.5.2 ，安装 3.x.x 的最新版本（不低于 3.5.2），但是不安装 4.x.x，也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要版本号变动，也可能带来程序的不兼容。npm install jquery~ 波浪号 + 指定版本号：比如 ~3.5.2 ，安装 3.5.x 的最新版本（不低于 3.5.2），但是不安装 3.6.x，也就是说安装时不改变大版本号和次要版本号。

2023-10-05 20:03:46 1087

原创 windows11 安装Nodejs

vue3 教程

2023-10-05 17:01:29 320

原创 jmeterbeanshell调用jsonpath获取对应值

【代码】jmeterbeanshell调用jsonpath获取对应值。

2023-09-22 10:48:04 333

原创前端json对比工具

json对比样式如下：源码下载：

2023-05-24 11:32:47 305

原创 Algorithm negotiation fail 解决办法（jsch）

3.进入liunx 中，将上面打印出来的值，通过命令 sudo vi sshd_config。1.打印 jsch KEX algorithms 和host key algorithms。修改到KexAlgorithms 和HostKeyAlgorithms。

2023-04-13 20:29:38 2429

原创葫芦娃自动化平台-appium实战

启动Android Activity，IOS无需填写 aapt dump badging MiguVideo-Menhu.apk launchable-activity: name='com.cmcc.cmvideo.splash.SplashActivity'Edge浏览器驱动下载链接：https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#等待超时，服务端没接收到命令将关闭appium。右键用压缩工具打开jar。

2023-03-06 15:02:49 1125

原创 Android自动化配置

注意：node.js的安装包的下载在官网有两种版本，建议大家下载LTS版本，按照官方的意思，这个版本应该算是稳定版本。页面会根据你的OS有推荐版本，选择版本LTS 12.13.1（已经包含npm 6.12.1的版本，npm是node.js的包管理工具）因为前面安装node.js的时候，已经安装了npm，所以这里我们不再需要单独安装npm，直接使用此命令就可以了。注意：自动安装完后，机器会自动重启，我的win10就在我猝不及防的情况重启了，提醒大家提前保存好重要的东西。变量名：ANDROID_HOME，

2023-02-19 17:02:02 632

原创 jmeter 源码获取聚合报告相关指标

jmeter 源码获取聚合报告相关指标

2023-02-02 09:24:11 107

原创 seleniun 去除Chrome正在受到自动软件的控制(java)

seleniun 去除Chrome正在受到自动软件的控制(java)

2022-10-19 17:45:31 1235

原创项目中调用jmeter函数方法

背景：需要做一个将包含jmeter函数字符创，自动解析为执行jmeter函数并返回值。

2022-09-23 17:35:33 307

原创 maven添加本地jar包

本地jar包的真实路径，例如我的是： C:\Users\Administrator\Desktop\OrgPublic.jar。如，我需要安装一个本地的ApacheJMeter_core.jar文件，一共。首先，打开本地cmd窗口，按照一定规则将本地的jar包进行安装。)：下载到本地的OrgPublic.jar包的真实存放路径 -->：groupId 这个值，可以根据自己的需求来决定。：版本号，这个不用说了，根据需求自己来决定。点击java ，设置要应用的目录，点击ok。

2022-09-23 17:22:40 5851

转载 idea 重写toString()模板，转成json格式

idea toString()模板，将对象toString()为json格式。

2022-09-20 21:32:07 1129

原创 nginx: [emerg] bind() to 0.0.0.0:80 failed (13: Permission denied)

nginx: [emerg] bind() to 0.0.0.0:80 failed (13: Permission denied)

2022-07-29 10:12:52 4456

原创 linux 获取指定进程内存和cpu

linux 获取指定进程内存和cpu

2022-07-07 14:15:17 901 1

原创 jQuery中select通过text来设置选中项

通过上图可知，可以通过如下设置$('#ddddd option:contains(小型车)').attr("selected",true);

2022-04-17 15:00:28 1374

原创 windows10 C盘满了，怎么处理

ps:最近老是c盘莫名的满，发现原来是我都没有关机然后电源管理里面会自动备份文件。1、这个隐藏的系统文件hiberfil.sys，体积超大，隐藏在系统盘根目录下（除非你通过regedit注册表修改路径）。这一点与pagefile.sys文件（用于虚拟内存）不一太阳，pagefile.sys可以在计算机的系统设置中，自由修改转移到哪个盘。解决办法：cmd 以管理员身份运行，输入powercfg -h off 敲回车即可......

2022-03-31 08:29:16 2643