多个vue-cli版本vue
[Vue] vue学习笔记(8): 生命周期(vue2)
vue里的生命周期，也叫生命周期回调函数，是指vue在一些关键时刻引用的特定函数，这些函数的名称是确定的，这些函数中的this指向vue实例或组件实例 挂载流程 0️⃣初始化生命周期和事件，但数据代理还未开始 1️⃣beforeCreate() ➡️ 此时无法通过vue实例访问data中的数据以及m ......
vue解析上传的json文件信息
1.模版 <a-upload name="layoutFile" v-model:file-list="fileList" @change="importModules" accept="*" :showUploadList="false" :customRequest="() => {}" :he ......
团队作业5——测试与发布（Alpha版本）
作业概述 课程名🔗软件工程 作业要求 团队作业5——测试与发布（Alpha版本） - 作业 - 计科21级34班 - 班级博客 - 博客园 (cnblogs.com) 队名 健文说的都队 一、Alpha测试报告 1.1 bug清单 序号类别bug问题是否修复 1 前端 图片拉伸过于严重 否 2 后 ......
Vue2 的@hook 、 hook: 与生命周期
如何实现父组件监听子组件的生命周期 方法一：$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
ubuntu 使用systemd systmctl配置服务开机启动，服务包含多个子进程
背景： 需求是这样的，有一个服务，有6个子进程，每次系统重启都要一个一个启动，很繁琐，需要配置到开机启动里 而目前系统已经抛弃了chkconfig的配置方式，转而使用systemd来配置开机启动进程了 所以需求就变成了把服务配置到systemd开机启动中，服务包含6个子进程 配置这个踩了不少坑，特地 ......
NPOI 2.2.1.0版本与ICSharpCode.SharpZipLib 版本0.86.0 是绑定使用，否则报安全透明方法“NPOI.OpenXml4Net.OPC.ZipPackage..ctor(System.IO.Stream, NPOI.OpenXml4Net.OPC.PackageAccess)”尝试访问安全关键方法“ICSharpCode.SharpZipLib.Zip.
C# WinForm中使用NPOI导出Excel表格时，报如下错误，原因是NPOI与ICSharpCode版本不匹配 {"安全透明方法“NPOI.OpenXml4Net.OPC.ZipPackage..ctor(System.IO.Stream, NPOI.OpenXml4Net.OPC.Packa ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
vue中孙子调用爷爷组件的方法怎么调用?
使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件（爷爷组件）提供数据， 而inject允许子孙组件（孙子组件）在任意层级注入这个数据。 通过这种方式，你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子： // 在爷爷组件中提供方法 ex ......
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
实现多个 Launcher 并存切换
实现这样一个功能，系统自带Launcher保留，用户可选择其他应用作为开机桌面(替代系统Launcher)，并可以切回原来的桌面 一、建立一个作为桌面的app 首先看下Android 自带Launcner 的xml配置(Android13)： /packages/apps/Launcher3/And ......
vue中this.$set()的使用
data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，而页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新，进而解决问题 ......
深信服行为管理AC——不同版本导入配置
1、AC/SG3.3R1版本之后开始支持导入到高版本中，但是最高为6.1的版本（举例：比如4.5的配置可以导入到比4.5高但是比6.1版本低的版本中） 2、AC/SG6.1的配置可以导入到11.0/11.0R2的版本中，不支持直接导入到其他的高版本中；（但可以通过做配置转换转换到11.0及之后版本的 ......
vue webpack 配置babel es6转化转化es5
1、安装相关依赖 npm i -D @babel/core@7.12.3 npm i -D @babel/preset-env@7.12.1 npm i -D babel-loader@8.0.6 // 语法中有 async await 等 npm i -D @babel/plugin-transf ......
SQL将多个结果集合并为一个结果，每个结果以逗号隔开
场景描述：假设一张表有列A查询出的结果 A 小张 小明 小红 需要返回结果为：小张，小明，小红 实现步骤：需要使用到两个函数，分别是for xml Path(''),Stuff(p1,p2,p3,p4) 函数1：使用实例 select ','+A from [tablename] for xml P ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
vue + 无限滚动不同高度
<div class="exbox" style="height:461px;overflow:auto" @mouseenter="handleMouseEnter()" @mouseleave="handleMouseLeave()"> <div class="main rollul" ref= ......
Linux7 查看系统版本，禁用登陆错误超过5次的ip
cat /etc/centos-release uname -a #!/bin/bash # 定义失败次数的阈值 threshold=5 # 提取登录失败的IP地址 failed_ips=$(awk '/Failed password/ {print $(NF-3)}' /var/log/secur ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
Autofac高级应用，一个接口多个实现类如何注册到容器并获取实例
当使用Autofac处理一个接口有多个实现的情况时，通常会使用键（key）进行区分或者通过IIndex索引注入，也可以通过IEnumerable集合获取所有实例，以下是一个具体的例子，演示如何在Autofac中注册多个实现，并通过构造函数注入获取指定实现。 首先，确保你已经安装了Autofac Nu ......
STM32跑马灯实验（寄存器版本及位操作版本）
这俩版本和库函数版本思想一致，都是先使能，再初始化，再配置IO口。 寄存器版本 相比于库函数，寄存器操作更加趋于底层，更抽象。 优点:更加底层，对理解寄存器工作方式及后续学习都有帮助。 缺点：复杂且抽象，用的较少。 思想：因为寄存器都是有固定位数的，且每位都是能执行特定功能的，所以我们改变某些位的值 ......
vue引入echarts
我用的是vue脚手架 版本是vue2 首先下载vue npm install --save echarts 执行这个命令 如果报错 vue中有提示 加上--force 或者 --legacy-peer-deps main.js中配置 import * as echarts from 'echarts ......
如何在CLion下创建多个.c文件
问题描述 当只有一个C语言文件时， 可以正常运行 当有多个C语言文件时 ， 再次执行会出现报错信息 配置信息如下： 解决方案 在 CMakeLists.txt 文件中 ， 要写一个和原来项目名字不同的名字 ， 修改完之后点击提示的： Reload changes , 如图所示 选择刚写的项目名称 再 ......
配置多个版本JDK可互相切换
同一电脑下，可安装多个版本jdk，并且互相切换使用。 JavaJDK官网：https://www.oracle.com/java/technologies/downloads/#jdk17-windows 在配置前，需要做如下配置： 1. 编辑系统变量 --> 变量名：CLASSPATH 变量值：. ......
SpringBoot高级开发（8）SpringBoot使用Lettuce设置多个RedisTemplate实例
copy from：https://xiaomozhang.github.io/2021/02/07/spring-boot-lettuce-multi-instance/ 项目pom配置 使用Spring Boot集成Redis，只需要将spring-boot-starter-data-redis ......