- 博客(32)
- 收藏
- 关注
RSS订阅原创 Vue3自定义封装音频播放组件（带拖拽进度条）
该款自定义组件可作为音频、视频播放的进度条，用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。
2024-05-10 17:07:08
368
2
原创 Vue自定义封装音频播放组件（带拖拽进度条）
该款自定义组件可作为音频、视频播放的进度条，用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。
2024-05-09 09:50:21
232
原创 vue使用SVG矢量图
SVG（Scalable Vector Graphics，可缩放矢量图形）是一种使用 XML 标记语言描述二维图形和图形应用的开放标准，其核心特性是可缩放性，即使放大缩小都不会失去清晰度和质量。与其他图像格式（如 PNG、JPEG 等）不同，SVG 是通过描述图形、线条、颜色等元素来构建完整的矢量图形，而不是像其他格式那样基于像素图（位图）的。可编辑性：SVG 可以轻松地编辑，并且可以使用 CSS 直接修改其样式。可缩放性：SVG 可以在不失真或模糊的情况下进行任意大小的缩放。改完配置后需要重启项目。
2023-06-19 16:44:52
770
原创 An index route cannot have child routes.
npm i react-router-dom@6 报错: Uncaught Error: An index route cannot have child routes.。
2022-11-14 17:48:12
457
原创 vue实现icon刷新动画
点击icon图标，旋转360度实现刷新动画效果实现 第二种实现Ant Design Vue刷新动画不管是elementUI和Ant Design Vue组件库，两者逻辑都是一样的，根据不同的css样式来进行旋转效果更多效果可以参考菜鸟教程...
2022-06-22 14:43:31
1806
2
原创 el-date-picker日期选择器
先看效果 给绑定事件change或blur事件具体看需求 <el-date-picker v-model="valuedate" size="small" type="datetimerange" align="right" value-format="timestamp" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:.
2022-05-18 17:54:43
2028
原创 Vscode设置用户代码片段
打开Vscode: 文件->首选项->用户片段 点击用户片段，选择vue.json或者新建全局代码片段文件 随后会打开一个json文件设置，可直接将以下代码粘贴复制到自己的文件中(步骤：ctrl+A->ctrl+C->ctrl+V),代码写在最下面了，可直接复制 配置的代码块代码 代码 { // Place your snippets for vue here. Each snippet is defined u..
2022-05-17 12:29:15
4515
原创 Vue 文件上传至oss
为什么使用对象存储OSS很多企业的文件上传下载都是通过文件流的形式进行上传下载的，需要后端配合，对服务器压力很大，而且高消费，对公司损失太大，我们选择使用oss将尽可能地缩小成本，以及对网站及逆行大幅度提升使用对象存储OSS改变了什么网站数据动静分离，大幅提升网页性能 单独的文件管理界面，管理网站文件和本地电脑一样高效率方便使用 成本低，资源弹性伸缩，按需付费什么是对象存储OSS阿里云对象存储OSS（Object Storage Service）是一款海量、安全、低成本、高可靠的云存储
2022-05-10 12:16:40
2432
3
原创 JS获取文件名及后缀
获取文件名 const str ='baidu.exe' // 定义一个字符串const aa = str.lastIndexOf('.') // 获取.对应的下标位置const bb = str.substring(aa+1) // 获取文件后缀名const cc = str.substring(0,aa) // 截取字符串，从0开始截取至.对应的下标位置 ...
2022-05-09 19:03:06
1051
原创 GIT常用命令及应用场景
Git为什么要去管理代码？ 我们就会通过很多工具进行代码管理。 包括可以查看历史记录，可以解决代码冲突问题。我们在公司中管理代码的工具都有哪些？？？git(14年左右出现)SVN（小乌龟）SVN是subversion的缩写，是一个开放源代码的版本控制系统，通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理。1.版本的概念(1)初指一种书籍经过多次传抄、刻印或以其他方式而形成的各种不同本子。随着时代的发展，版本也开始应用
2022-04-21 10:03:33
252
原创 el-Select默认全选功能
引文： 最近要做一个默认全选的功能模块，我这里引用了elementUI组件库的select组件，用来实现我想要的效果。 先看下效果图 先在return里边定义我们from表单对象以及规则(可选) <el-form ref="form" model="form" :rules="rules" label-width="100px"> <el-form-item label="地址" prop="address"> &..
2022-04-12 15:25:53
3280
原创 省市区三级联动(v-region)
最新有一个需求是要求写省市区的，也好久没有写这个了，有现成的轮子我觉得就直接用轮子，省时间，可以多学一些自己感兴趣的领域，话不多说，开始操作，先看效果图，轮子为VUE Componenthttps://terryz.gitee.io/vue/#/region/demo......
2022-01-07 11:17:00
1432
4
原创 批量导入及日志下载
新需求 新需求，要求模板下载以及批量导入，日志下载，以及对表格的单元格进行样式追加先看效果，两个按钮还是按照步骤走，如果走不通请私信我批量导入的按钮事件走起(套用了element的el-table组件) <el-upload class="upload-demo" action="#" :file-list="fileList" :auto-uplo.
2021-12-28 18:33:35
469
原创 ElementUI中el-table组件自定义设置单元格样式
最近遇到一个需求，后台返回的数据中有一个错误的数组，我们需要给错误数组中的数据用自定义样式用红框给框起来，且看如下效果！！！先看效果图开始上才艺：跟着步骤走看elementUI官网解释，如果设置单元格需要cell-style属性 引入element的el-table组件，并且引入axios（数据是后台给的，所以要用到axios） 看代码： <el-table :data="tableData" style="width: 100%" ...
2021-12-28 17:55:08
7531
3
原创 vue3 引入Vant组件库
最近在学习vue3.0，引入Vant组件库时，遇到一些问题，所以在vue3中不要按照vue2的格式去引入组件库，不然容易出现错误。目前Vant 3 是基于Vue3 开发的，在使用 Vant 3 前，请将项目中的 Vue 升级到 3.0 以上版本。错误示例import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'...
2021-12-25 16:53:52
3073
1
原创 VUE 后台返回文件流，前端实现模板下载
最新再写一个批量导入，模板下载的功能，今天就总结一下模板下载的功能效果，有一些博主说用a标签去下载，form表单去下载，这些针对我做的效果可能不是很理想，所以我就自己研究做了出来，希望可以帮到各位，话不多说，看代码；由于不想写样式，就直接借用的ElementUI跟着我的步骤走：（批量导入的链接：）先看下效果图： 【图片】【图片】【图片】 点击事件 <el-button type="primary" plain size="mini" @click="handleDown">.
2021-12-21 20:33:38
971
2
原创 修改npm镜像
由于国内网络原因，使用npm官方镜像速度感人，通过切换镜像为国内源来进行加速我们下载国外的一些依赖包。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。切换镜像源步骤：查看当前镜像 PS E:\demo> npm config get registryhttps://registry.npmjs.org/ 安装nrm PS E:\demo> npm install -g n
2021-12-16 17:58:37
848
原创 Node环境配置搭建
安装nodeNode.js 尽量在D盘新建Node文件夹,将安装路径修改到该文件夹中,其他的下一步即可。进入node文件夹，新建node_cache和node_global两个文件夹打开终端 配置新建两个文件npm config set prefix 路径 ==> "配置node_global"npm config set cache 路径 ==>" 配置node_cache"在高级系统设置中找到环境变量在系统变量Path中查看no.
2021-12-13 10:35:37
1028
1
原创 Shopify 本地开发命令 Theme Kit 和Shopify CLI
Shopify CLIwindow上安装https://rubyinstaller.org/downloads/下载CLI脚手架 gem install shopify-clilogin 通过向商店或合作伙伴组织进行身份验证来登录Shopify CLI 用法：shopify login--store [商店地址(去掉中括号)]switch：在合作伙伴组织中的开发商店之间切换 用法：shopify switch [--store=STORE]theme：用于开发Shopif...
2021-10-19 13:15:14
2051
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人