摘要: 在vue项目中使用element的时候,经常会用到的一些正则验证。 export default { textChecked: { pattern: /^[\u4e00-\u9fa5a-zA-Z0-9]{0,50}$/, message: '最多可输入50位字符,仅支持数字、英文大小写、中文', t 阅读全文
posted @ 2023-10-23 16:19 Cxymds 阅读(42) 评论(0) 推荐(0) 编辑
摘要: import axios from 'axios' import { useUserStore } from '@/pinia' import { ElMessage, ElMessageBox } from 'element-plus' import qs from 'qs' const serv 阅读全文
posted @ 2023-09-15 15:47 Cxymds 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 有时我们需要实现快捷复制某些信息的功能,例如下图所示: ![](https://img2023.cnblogs.com/blog/894570/202308/894570-20230815140525537-651928088.png) 这时我们可以使用`document`的`execCommand 阅读全文
posted @ 2023-08-15 14:06 Cxymds 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 在使用element-plus的时间选择器的时候,有时候会有选择一周的需求,可以使用以下方式进行实现。 首先使用`type=week`属性实现基本的样式 ``` ``` ![](https://img2023.cnblogs.com/blog/894570/202308/894570-2023080 阅读全文
posted @ 2023-08-07 11:48 Cxymds 阅读(2024) 评论(0) 推荐(0) 编辑
摘要: qiankun 是一个基于 [single-spa](https://github.com/CanopyTax/single-spa) 的[微前端](https://micro-frontends.org/)实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 微前端是一种多个团队通 阅读全文
posted @ 2023-07-17 08:46 Cxymds 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 在Vue2时我们经常会这样引用图片: ```vue ``` 但在Vite中不支持require了,引用图片变成了下面这样: ```vue ``` 每次使用图片都得import,显然耽误了大家摸鱼的时间,这时我们可以借助vite-plugin-vue-images来实现自动导入图片。 安装 ```ba 阅读全文
posted @ 2023-07-15 17:32 Cxymds 阅读(582) 评论(0) 推荐(0) 编辑
摘要: 想要给元素的伪元素添加点击事件可以分两种情况,第一种情况是元素本身没有点击事件,只有伪元素有,第二种情况是元素与伪元素都具有点击事件。 ### 1. 只有伪元素有点击事件 这种情况比较简单,只需要让元素本身不响应鼠标事件,让伪元素响应鼠标事件即可,然后直接将事件添加在元素上。 ```css .ele 阅读全文
posted @ 2023-07-11 09:54 Cxymds 阅读(1091) 评论(0) 推荐(0) 编辑
摘要: echarts 分段型视觉映射组件,有三种模式: 连续型数据平均分段: 依据 visualMap-piecewise.splitNumber 来自动平均分割成若干块。 连续型数据自定义分段: 依据 visualMap-piecewise.pieces 来定义每块范围。 离散数据根据类别分段: 类别定 阅读全文
posted @ 2023-07-07 14:03 Cxymds 阅读(234) 评论(0) 推荐(0) 编辑
摘要: RSA加密一般是公钥加密私钥解密,多用于前台公钥加密传参给后台,后台私钥解密。 使用RSA加密时需要用到`jsencrypt`,本文会介绍怎么安装及使用。 ### 1. 安装`jsencrypt` ```bash npm install jsencrypt ``` ### 2. 使用方法 1. 引入 阅读全文
posted @ 2023-07-05 15:10 Cxymds 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 在echarts散点图中,可以使用系统默认的图例颜色设置散点图,也可以设置具体的颜色设置,还可以添加单个散点颜色渐变,也可以设置整个echarts散点颜色渐变 ## 1. 不设置颜色 在不设置颜色的情况下,echarts会使用自带的调色盘进行颜色选择默认如下。 ```js ['#5470c6', ' 阅读全文
posted @ 2023-06-19 16:47 Cxymds 阅读(927) 评论(0) 推荐(0) 编辑