首先安装nodejs
nodejs下载地址
选择16版本下载，系统是win下载windows版本，系统是mac的就下载mac版本，下载完成后自行安装nodejs.
设置npm源
将项目文件夹拖入到webstorm中，打开终端，设置npm源为国内的源，这里我们设置的是淘宝源，相比...
yekong
3周前 (03-12)
喜欢
vue3 vue-draggable-resizable-gorkys 图片拼接导出
<template>
<div class="parInfo" :style="{ transform: `scale(${scale})`,...
yekong
4周前 (03-06)
喜欢
vue3项目中使用vue-draggable-resizable-gorkys会报错需要调整一下
修改
import vdr from "vue-draggable-resizable-gorkys"
修改为
import vdr from "vu...
yekong
4周前 (03-06)
喜欢
element-plus table自带的筛选功能不能够满足客户的需要，客户要求筛选过功能可以支持搜索，这里我们实现这个功能。
筛选组件
<template>
<div class="filter-container">
...
yekong
1个月前 (02-24)
喜欢
开发了很多数据大屏了，今天突发奇想有没有办法给这些项目中的图标增加一些动画效果呢？让这些图标活起来，接下来我们来实现效果。
动态效果
动画实现原理
动画实现的主要原理：
SVG路径属性：
stroke-dasharray：定义路径的虚线模式。
strokeDashoff...
yekong
6个月前 (09-26)
喜欢
在后台项目开发过程中，客户反应图片加载太慢，限于服务器带宽只有1M，大的图片加载会比较慢，于是将图片上传到七牛云，这样记在速度就会明显提升。
后台开发
后端使用的是lin-cms-koa框架
方法封装，我们安装qiniu插件，通过key和密钥换取token返回给前端，用于文件上...
yekong
8个月前 (08-11)
喜欢
后台开发过程中，需要实现一个图片上传功能，后台api接口我们使用的是lin-cms-koa.
接口封装
// 上传文件
export function uploadImg(file) {
const formData = new FormData();
formD...
yekong
8个月前 (08-11)
喜欢
可视化大屏 项目开发中，会需要自定义el-select样式，当我们选中el-select后，会出现一个蓝色边框，这个边框并不是我们想要的，需要进行移除。通过检查样式会发现一个样式--el-select-input-focus-border-color，将这个样式设置none就可以...
yekong
10个月前 (06-19)
喜欢
vue3 数据可视化大屏项目中，设计师会设置类似下图的效果，这里我们使用element-plus的el-select来实现我们想要的效果，不过el-select使用的是字体图标，我们需要对其进行修改
版本号
"element-plus": "2.2....
yekong
10个月前 (06-19)
喜欢
可视化数据大屏 开发过程中，需要一个卡片轮播的效果，一开始是想使用swiper的，但是这个swiper可能是版本太多了，兼容问题也多了，各种出错，所以就想找一个简单点的能实现效果就行的插件。于是找到了Glide.js
效果截图
演示地址
vue2 使用Glide.js实现图片轮...
yekong
1年前 (2024-03-18)
喜欢
