开发了很多数据大屏了,今天突发奇想有没有办法给这些项目中的图标增加一些动画效果呢?让这些图标活起来,接下来我们来实现效果。
动态效果
动画实现原理
动画实现的主要原理:
SVG路径属性:
stroke-dasharray:定义路径的虚线模式。
strokeDashoff...
yekong
2周前 (09-26) 92℃
0喜欢
在后台项目开发过程中,客户反应图片加载太慢,限于服务器带宽只有1M,大的图片加载会比较慢,于是将图片上传到七牛云,这样记在速度就会明显提升。
后台开发
后端使用的是lin-cms-koa框架
方法封装,我们安装qiniu插件,通过key和密钥换取token返回给前端,用于文件上...
yekong
2个月前 (08-11) 190℃
0喜欢
后台开发过程中,需要实现一个图片上传功能,后台api接口我们使用的是lin-cms-koa.
接口封装
// 上传文件
export function uploadImg(file) {
const formData = new FormData();
formD...
yekong
2个月前 (08-11) 144℃
0喜欢
可视化大屏 项目开发中,会需要自定义el-select样式,当我们选中el-select后,会出现一个蓝色边框,这个边框并不是我们想要的,需要进行移除。通过检查样式会发现一个样式--el-select-input-focus-border-color,将这个样式设置none就可以...
yekong
4个月前 (06-19) 814℃
0喜欢
vue3 数据可视化大屏项目中,设计师会设置类似下图的效果,这里我们使用element-plus的el-select来实现我们想要的效果,不过el-select使用的是字体图标,我们需要对其进行修改
版本号
"element-plus": "2.2....
yekong
4个月前 (06-19) 1351℃
0喜欢
可视化数据大屏 开发过程中,需要一个卡片轮播的效果,一开始是想使用swiper的,但是这个swiper可能是版本太多了,兼容问题也多了,各种出错,所以就想找一个简单点的能实现效果就行的插件。于是找到了Glide.js
效果截图
演示地址
vue2 使用Glide.js实现图片轮...
yekong
7个月前 (03-18) 942℃
0喜欢
vue实现导出word文档功能,导出数据表格,结合html2canvas实现导出图片
演示地址
vue实现导出word文档功能
代码
/**
* @Author: 858834013@qq.com
* @Name: exportDocument
* @Date: 2024...
yekong
7个月前 (03-13) 843℃
0喜欢
Vue.use()是Vue.js框架提供的一个全局方法,用于注册插件。插件可以用来扩展Vue的功能,包括添加全局方法或属性、添加全局资源(如指令、过滤器)、通过全局混入来添加一些组件选项、添加Vue实例方法等。
插件的作用
插件的功能没有严格的限制,一般可以实现以下几种扩展:
...
yekong
7个月前 (03-04) 284℃
0喜欢
uni-app和Vue是两个不同的概念,但它们之间有紧密的联系。Vue是一个渐进式JavaScript框架,用于构建用户界面,特别是单页应用程序。它提供了响应式数据绑定和组合式视图组件。Vue的核心库只关注视图层,易于学习且易于与其他库或已有项目整合。
uni-app是一个使用V...
yekong
7个月前 (03-04) 283℃
0喜欢
Vue的模板引擎是Vue.js框架中用于描述用户界面和连接数据到DOM(文档对象模型)的声明性语法。它允许开发者以一种直观和声明式的方式来描述UI应该如何随着应用程序数据的变化而变化。以下是Vue模板引擎的一些关键理解点:
声明性语法:Vue模板使用基于HTML的模板语法,允...
yekong
7个月前 (03-03) 242℃
0喜欢