事项vue cli 01
软件著作权申请-注意事项（微信小程序）
开发的硬件环境: PC 电脑 内存:8G CPU:i5 6500 3.2GHz 硬盘:1T 显卡:GTX1080ti 运行的硬件环境: 安卓手机 开发该软件的操作系统: Windows 10 专业版 软件开发环境/开发工具: Unity C# Visual Studio 该软件的运行平台/操作系统: ......
vue侦听器
侦听data里的数据变化： 方法格式： <script> const vm=new Vue({ el:"#app", data:{ username:"张三", userList:[ {"id":1,"name":"张三"}, {"id":2,"name":"李四"} ], info:{ usern ......
VUE 页面使用 defineProps 如何友好的给参数赋默认值
🌟在 Vue 3 中，我们可以使用 Composition API 来编写组件，其中一个新特性是使用 defineProps 来定义 props。但是，在使用 defineProps 定义 props 时，如果没有给 props 赋默认值，那么在使用该组件时就必须给 props 传递值，否则会报错 ......
VSCode打开Vue项目
打开VSCode 打开文件夹并选择vue的文件夹 新建终端 在终端输入npm install 在终端输入npm run dev（dev为配置的值） 等上一步执行出结果即为编译好的链接 ......
4.15 vue中watch computed
在 Vue.js 中，computed 是一种计算属性，它能够根据依赖的数据动态计算出一个新的值。 computed 属性可以定义为一个函数，该函数返回需要计算的值。 当它所依赖的数据发生变化时，Vue.js 会自动重新计算这个值并将其更新到组件上。 与 computed 对应的还有另外两种常见的属 ......
【2023-04-01】连岳摘抄
23:59 你是一树一树的开花，是燕在梁间呢喃，——你是爱，是暖，是希望，你是人间的四月天！ ——林徽因 你姐姐的秉性属于“善良+软弱”，这一类人的命运，往往不掌握在自己手中，得看她在恋爱、成家时遇上什么人。运气好，遇上“善良+坚定”的人，有人做主，大事不糊涂，她跟着走，即使学不会坚定，一生也是幸福 ......
vue下拉框联动 数据清空后，赋值无效
1.问题描述 : 规格型号与设备类型联动，当选择“规格型号”后，清空“设备类型”选择框内容，选择数据赋值时失效。 2.解决 添加this.$forceUpdate();进行强制渲染，效果实现。 getSecondName() { this.$forceUpdate(); }, ......
vue做播放器和进度条
<template> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($even ......
vue3+vite 解决本地调用时跨域请求
1、config配置文件中，axios默认请求地址；改为""，否则还是请求环境变量中的地址； 2、vite.config.ts文件中做如下配置： server: { open: true, //启动项目自动弹出浏览器 port: 8081, //启动端口 cors: true, proxy: { " ......
【vue】vue3中的动画
vue版本：vue3 不过是控制动画放到了标签内控制 在上图中，是绑定到了style vue中关于动画的封装 入场出场动画 进入开始状态（时间点） .v-enter-from { } 动态效果（时间段） .v-enter-active { } 终止状态（时间点） .v-enter-to { } .v ......
Lab01-02
样本信息 壳信息 UPX 脱壳 upx -d -o [目标文件] 字符串信息 导入表信息 样本分析 OD main函数 IDA main函数 sub_401040函数 线程回调函数 sub_00401150 恶意行为 将进程挂到服务上以服务的方式常驻运行 创建互斥量“HGL345” 开启20个线程， ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
01-Jenkins 安装
下载jenkins,jdk a) Jenkins: Thank you for downloading Windows installer (jenkins.io) b) Jdk: Java SE Development Kit 11(JDK)_11.0.18 - 423Down 安装 a) 一开始 ......
vue脚手架创建与环境安装
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
在 Vue 中控制表单输入
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使用v- ......
axios在vue中的使用
在该项目的vscode命令行下载 npm i axios 在使用axios时涉及跨域问题 你的8080窗口虽然发了请求，服务器也返回了消息，但是你收不到 1.cors 方式 服务器给你返回响应时加特殊的响应头 2.jsonp方式 借助了 script 标签里面的src属性 引入外部资源时，不受同源策 ......
vue2+element-ui实现网站标题随着路由改变动态切换标题
以下内容仅供自己学习使用 1. 效果图 2. 第一步在router.js编写meta:{title:''} 3. 然后挂载路由导航守卫 // 在Vue实例创建之前获取路由信息 router.beforeEach((to, from, next) => { // 更新动态标题 document.tit ......
【LeetCode排序专题01】由旋转数组的最小数字引出的关于排序算法的讨论（冒泡排序、二分查找+暴力法）
旋转数组的最小数字 剑指 Offer 11. 旋转数组的最小数字 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。 给你一个可能存在 重复 元素值的数组 numbers ，它原来是一个升序排列的数组，并按上述情形进行了一次旋转。请返回旋转数组的最小元素。例如，数组 [3,4,5,1 ......
🎊这个 OpenTiny 开源项目的 CLI 可太牛了，两行命令创建一个美观大气的 Vue Admin 后台管理系统，有手就会，连我的设计师朋友都学会啦啦
近期尝试了下 OpenTiny 的 CLI 工具，不得不说，简单到“有手就会”，只要执行两行命令就创建了一个美观大气的 Vue Admin 后台管理系统，连我的设计师朋友都学会啦啦。 ......
day02-搭建微服务基础环境01
搭建微服务基础环境01 1.创建父工程，用于聚合其他微服务模块 1.1创建父项目 说明：我们先创建一个父项目，该父项目会去管理多个微服务模块（module），如下： （1）File-New-Project-Maven，选择如下： （2）输入项目名称等信息，然后next （3）选择Maven，然后Fi ......
vue指令之属性指令
属性指令 标签上的属性可以绑定变量，变量变化，属性也会变化 # 什么是属性？比如： href/src/name/value/class/style... 语法： v-bind:属性名="变量名" 简写 :属性名="变量名" 示例 <body> <div id="app"> <a v-bind:hre ......
vue指令系统之文本指令
什么是指令系统 指令系统是VUE提供的，语法为 v-xx 写在标签属性中的，系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量，或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" a-text指令 如：a ......
2022全国职业技能大赛-云计算私有云平台搭建及注意事项
@(私有云) 环境准备 软件包： 答题云主机环境；CentOS-7-x86_64-DVD-2009.iso（centos7.9） iaas版本；chinaskills_cloud_iaas_v2.0.3.iso（openstack T版） 国赛竞赛方式： 1，openstack平台，现场会提供一个I ......
VUE插值语法
基本使用 在body中创建一个标签，一般使用div，定义好id后，在script中进行定义，在前台使用{{变量}}的形式进行调用，语法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti ......
vue 实现3D圆环图
效果图如下： 实现程序主代码如下： initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa ......
Vue常用指令详解
v-text：设置标签的内容（textContent） 默认写法会替换全部内容，使用插值表达式{{}}可以替换指定内容 v-text的缩写形式为{{}}，即差值表达式 内部支持写表达式 v-html：设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么，只 ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......