组件 常用confirm vue
vscode常用快捷键
VSCode 快捷键整理 1，搜索 Ctrl + F：查找 Ctrl + H：替换 2，行操作 剪切一行：Ctrl+X 复制一行：Ctrl+C 删除一行：Ctrl+Shilft+K Alt+ ↑ / ↓：向上/向下移动行 Move line up/down Shift+Alt + ↓ / ↑：向上/ ......
常用颜色和常用几何体汇总
#### 常用颜色汇总 | 颜色 | 代码 | | : : | : : | | 白色 | `0xffffff` | | 绿色 | `0x00ff00` | | 黑色 | `0x000000` | | 红色 | `0xff0000` | | 蓝色 | `0x0000ff` | | 浅灰色 | `0xd ......
vue+element-ui封装一个下拉框
一.单下拉框组件封装 1.下载安装element-ui组件库，并创建文件夹文件等操作，配置好路由。 2.在element-ui里面复制select代码至组件中。 3.数据的处理（数据应该放在使用者的身上而不是select组件上，用组件通信的方式进行传值） 4.选择值的处理 子组件选择一个内容后要把值 ......
vue--day35--脚手架分析
pckgage.json 包的说明书 "scripts": { "serve": "vue-cli-service serve", 运行项目 "build": "vue-cli-service build", 编译 "lint": "vue-cli-service lint" 语法检查 }, pac ......
vue--day34--创建vue 脚手架
1. 配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 2. 获取淘宝镜像是否设置成功 npm config get registry 3. 仅执行一次 全局安装 npm install -g @vue/cli 可能会报错 ......
vue-day33-vue 单文件组件
1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te ......
vue 使用vue-json-viewer 展示 JSON 格式数据
# 为什么需要Vue-json-viewer 在前端开发中，我们经常需要处理JSON数据。然而，JSON数据一般是以字符串的形式来传递，难以直观地查看、理解和调试，这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件 ......
vue 使用剪切板功能功能vue-clipboard2
# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明， npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v ......
vue使用echarts图表，有一个组件：v-charts
# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 ......
Linux常用命令
Linux命令 一切都是一个文件。（存储形式） 系统中拥有小型，单一用途的程序。 当遇到复杂任务，通过不同功能用途的程序组合起来完成。（大化小，小化了） 避免令人困惑的用户界面。（统统用命令） 连配置文件都存储在文本中，方便增、删、改、查。 不在乎后缀名，文件名与文件类型不相关。（不是用文件后缀来区 ......
Java常用命令
强制更新：mvn clean package -DskipTests -U 打包：mvn clean install -DskipTests 安装本地jar到本地仓库：mvn install:install-file -Dfile=D:\*.jar（本地文件位置） -DgroupId=com.*（自 ......
项目开发难点-要求el-radio组件实现点击切换的时候，先弹出框判断是否符合条件，如果符合radio的值发生变化，不符合则不变。解决方法v-model的分解式 :value @Input
需求描述：页面radio点击的时候，先不改变radio的值，先弹出框进行判断是否符合一定的条件如果符合则发生变化，否则radio不发生变化,页面还显示原来的值。 问题难点：在vue项目中，使用 <el-radio v-model="radio" label="1">备选项1</el-radio> < ......
云原生第八周--k8s网络组件
##一 网络通信 ###1 二层通信 基于目标mac地址通信 不可跨局域网通信 通常通过交换机实现报文转发 ![image](https://img2023.cnblogs.com/blog/3185455/202307/3185455-20230710105944382-1649864173.pn ......
vue3 + element 实现季度选择框
效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
PyCharm常用插件及常用操作
IdeaVim -- 实现vi操作代码 Key Promoter X -- 提示快捷键 Rainbow Brackets -- 彩色代码 (7条消息) Rainbow Brackets 插件_太阳之神aboluo的博客-CSDN博客 -- 简单配置 Translation -- 翻译 CodeGla ......
vue3+ts利用draggable组件实现拖拽
界面展示 实现步骤 安装组件（vue3引入的包为vuedraggable@next ，vue2为vuedraggable） npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化，拖拽会不起作用，所以加个 ......
关于项目开发中遇到的难点问题-vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题
vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题。 问题描述：项目中A页面有table列表，在列表上方有“导入文件”按钮，点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后，将最终确定的数据返回回显在 ......
windows redis常用
1.下载地址 GIT下载： https://github.com/MicrosoftArchive/redis/releases 官方下载： https://redis.io/download/ 2.配置文件 redis.windows.conf 一般修改2个地方，端口号和密码 port requi ......
vue3 checkbox 单选
<template> <div class="ant-checkbox-group ant-checkbox-group-outline"> <label v-for="item in getOptions" :key="`${item.value}`" :class="getCheckboxwra ......
MySql 终端常用指令
1、开发环境：Window10 + mysql-8.0.33-win64 2、管理员模式打开终端 3、登录数据库（停止 + 开启 + 登录），具体指令参考 MySql 安装篇 4、操作数据库相关功能 1）查看数据库列表：show databases; 主要用于显示当前存在的数据库 2）创建数据库：c ......
vue3组合式 API_为 computed() 标注类型
computed() 会自动从其计算函数的返回值上推导出类型 <template> <h3>{{ doubleCount }}</h3> </template> <script setup lang="ts"> import { ref,computed } from "vue" const cou ......
vue3+antd-vue实现增改弹窗
对于前端来说，在后台系统中最常见的需求，就是基于表单表格的正删改查。对于增和改，需要实现弹框组件。代码如下： ``` ``` ###使用方法： ###模板使用组件 ``` ``` ###控制打开弹窗 ``` 编辑 ``` ###js const classModal = ref(null) func ......
vueuse使用（VUE3）
vue create my-vue HelloWorld.vue <template> <button type="button" @click="open">选择文件</button> </template> <script> import { useFileDialog } from '@vue ......
vue contenteditable编辑模式下，样式不生效
换行后生成div，设置的样式没有生效 ***原因 style标签上设置了scoped 解决办法 1、去掉style的scoped属性 2、额外写一个style，不加scoped（vue支持多个style） <div class="mainText-body" contenteditable="tru ......
k8s 学习笔记之安装集群所需组件
### 安装 docker ``` # 1 切换镜像源 [root@master ~]# wget https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo -0 /etc/yum.repos.d/docker-ce.repo ......
Linux常用命令
1.切换目录 cd /home #切换到根目录 cd xxx #切换到xxx菜单 cd .. #返回上一级 2.查看当前目录 pwd 3.查看当前服务 ps -ef|grep xxx 4.杀死进程 kill -9 pid 5.查看日志 tail -1000f XXX.log 6.清空日志文件 sud ......