全局 环境 项目vue
将VSCode设置成中文语言环境
VSCode默认是英文语言环境，这对于像我这种英语比较菜的人来说不是那么友好 另外也习惯了用中文，所以接下来介绍下如何将VSCode设置成中文语言环境。 1、打开VSCode软件，按快捷键【Ctrl+Shift+P】 2、在弹出的搜索框中输入【configure language】，然后选择搜索出来 ......
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 = ......
【笔记】使用 docker alpine 的 php 8.1 构建 FastAdmin 开发环境
使用 docker alpine 的 php 8.1 构建 FastAdmin 开发环境 首先最重要的是换源，换成清华的。 sed -i 's/dl-cdn.alpinelinux.org/mirrors.tuna.tsinghua.edu.cn/g' /etc/apk/repositories 安 ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
linux 设置 别名 全局命令
alias navicat="bash /opt/navicat/navicat121_premium_cs_x64/start_navicat" ......
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_ ......
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
前言： easy-jenkins是一款对vue和jar的部署工具，操作简单，实行一键部署，内部结构采用流水线形式架构，每次部署，时时提供部署过程，部署记录，界面友好简洁，使用方便，符合用户常规操作 easy-jenkins面向分支形式，无需登录，默认分支为jenkins，每个分支可以配置多个数据源， ......
搞明白VScode的Vue的插件Vetur与Volar的区别了
在VSCode上查找Vue的插件的时候list出来一堆插件,按照VCcode的learning教程推荐的是vetur插件,刚开始没怎么想就安装了vetur插件.看的例子也是一个比较老的例子了,使用的vue CLI来进行管理的,启动Serve用的是‘npm run serve’. vscode启动的时 ......
国家重点研发计划“国家质量基础设施体系”重点专项“国际等效高精度计量仪器和标准器研制（一期）”项目启动会暨实施方案论证会顺利召开
近日，国家重点研发计划“国家质量基础设施体系”重点专项 “国际等效高精度计量仪器和标准器研制（一期）”项目启动会暨实施方案论证会在长沙市顺利召开。该项目拟研制八位半标准数字多用表、0.005级三相宽频电能标准表和高精度平晶平面度测量仪，由湖南省计量检测研究院牵头承担，中国计量院、中国电科院、北京东方... ......
浏览器环境自吐模块
https://github.com/daisixuan/r0chrome 使用chromium查看js使用那些环境 dtavm = {} dtavm.log = console.log dtavm.proxy = function (obj, objname, type){ function ge ......
vue 项目启动报错opensslErrorStack ERR_OSSL_EVP_UNSUPPORTED
错误裁图 原因：node升级版本过高 解决办法： 在命令行输入命令修改环境变量：$env:NODE_OPTIONS="--openssl-legacy-provider" 再执行：npm run serve ......
blockchain | truffle环境搭建
blockchain | truffle环境搭建 需要node，不知道为啥我之前安装的node似乎不太行了，就重装了一下。 truffle是用来编写以太坊智能合约的环境，基本是js。 这个文章不错：https://www.qikegu.com/docs/4780 安装的时候如果不全局安装可能会有问题 ......
CMake 使用环境变量
为了传播性考虑，使用CMake编译工程时，有一些路径需要能方便地在新机器上更改，这就需要使用“环境变量”。 调用环境变量，在文件管理器中是用“%NAME%”，在Visual Studio中则是"${NAME}"。 在CMake中是“$(NAME)”，像这样： ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档：https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用： <div v-drag>Drag me!</div> 注意：对原本绝对 ......
pytest--conftest.py全局用例公用
前言 当多个测试用例文件，需要调用同一个fixture时候。比如登陆的fixture，连接数据库的fixture，如果在每个测试用例文件里都加上fixture，代码就会看着十分别扭，且测试用例与fixture混杂在一起，不方便维护。那么pytest也提供了conftest.py这个文件来帮助我们完成 ......
Python环境安装(Windows)
准备Python环境 通过官方推荐的安装Anaconda工具包来集成Python环境，推荐对Python不熟练的都使用这种方式，因为他会自动帮我们安装很多依赖包，省去了很多的麻烦 安装Anaconda Anaconda的安装很简单，一般都不会出问题，所以我就直接把官方的步骤写在下面清华大学的镜像地址 ......
使用vue而实现简单的计算效果
首先你要明白你写的这个简单计算器，分为哪几个板块，把整体才分一步步进行，简单计算器我们只需让他能够实现 + - * / 四个运算即可。输入部分只需要输入前面一个数和后面一个数，最后便是结果输出，好了大致了解一下版块，让动手动手写一下吧。 1.首先打开HBuilder创建一个新项目，导入 2.创建一个 ......
ESP32的VS Code环境搭建
安装失败的时候需要更换PIP源 1.在运行窗口或资源管理器中输入%APPDATA% 2.进入目录后，新建一个文件夹pip，并在该文件夹里面新建文件pip.ini，并输入以下内容： 文本内容如下所示： [global]timeout = 6000index-url = https://pypi.tun ......
react学习（一）（react特点，创建react项目，jsx语法，函数组件和class组件，样式写法，条件语句，遍历数组和点击事件，表单处理）
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
项目文档清单
一、 需求阶段： 《需求评审结果、意见》—需求评审会议纪要 《需求说明书V2.0》—评审会修改意见修订履历 二、 采购阶段： 《合同》 三、 详设部分： 《项目计划》 《详设说明书》 四、 测试部门： 《测试用例》 《测试报告》 五、 上线阶段： 部署需求表 资源需求表 上线申请 六、 验收阶段： ......
Vue2.0 学习 第二组 语法模板
本笔记主要参考菜鸟教程和官方文档编写。 1.文本绑定 一般在dom中用{{}}标时，并且在vue构造体内的data中定义文本内容 <div id="app"> <p>{{ message }}</p> </div> <script> new Vue({ el: '#app', data: { mes ......
vue 实现锚点点位
<template> <div class="container"> <!-- <el-row> <el-col :span="3"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @clos ......
Vue3 watch 监听函数
1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref( ......
vue3路由跳转params传参接收不到
这样路由可以跳转过去，但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后，参数会丢失，所以vue将这种方法移除了。 vue推荐的路由跳转传参方法： 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
RabbitMQ在本地环境下不消费数据
package com.test.core.condition; import lombok.extern.slf4j.Slf4j; import org.springframework.amqp.rabbit.annotation.RabbitListenerAnnotationBeanPostP ......
Kafka在本地环境下不消费数据
package com.test.core.condition; import lombok.extern.slf4j.Slf4j; import org.springframework.beans.factory.annotation.Value; import org.springframewo ......
vue3 ant-Design-vue提交按钮放在表单外提交，自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
vue+element-ui实现el-tab标签的动态面包屑
以下内容仅供学习使用 前言： 下面是最终实现的效果图 首先在router.js里面配置meta:{title：‘xxxx’} 封装一个el-tab面包屑的子组件 通过v-for指令和tags数组中的数据进行渲染 <template> <div> <el-tag :key="index" v-for= ......