在大屏数据可视化 项目中，经常需要特效来装饰效果，使页面看起来酷炫，今天收集到的效果是酷炫的科技感线条动画。
动画效果实现代码
html
<div class="animate"></div>
js
function an...
yekong
2年前 (2023-02-20)
喜欢
在数据大屏可视化 项目中，经常需要特效来装饰效果，使页面看起来酷炫，今天收集到的效果是闪烁效果。从一端依次循环从透明变为不透明再变为透明，让页面看起来有一种闪烁的动画效果。
效果演示地址
数据可视化显示系统
通过js实现从下到上依次变化效果代码
效果截图
html
<di...
yekong
2年前 (2023-02-20)
喜欢
在大屏数据可视化 项目中，经常需要特效来装饰效果，使页面看起来酷炫，今天收集到的效果是闪电效果。
效果演示地址
数据可视化显示系统
从左到右的闪电效果
html
<div class="sd1"></div>
js
sd1('.s...
yekong
2年前 (2023-02-20)
喜欢
在数据可视化大屏 项目中，ui设计师会设计一些元素在页面中让页面更加华丽比如虚线效果，如果我遇到下图的元素的话，第一个考虑的就是通过图片来实现，当我看到页面源码的时，发现这些效果竟然是用canvas画出来的。如果对canvas不熟悉的话，可能连代码的意思都不了解。今天将代码整理出...
yekong
2年前 (2023-02-19)
喜欢
在数据可视化大屏 项目中，ui设计师经常会设计一个元素在页面中比如小流星啥的，当时因为没有思路就没有去实现，今天看到前端数据大屏可视化展示页面感觉效果很酷炫，就将实现逻辑整理出来了。
html
<canvas class="rain"></...
yekong
2年前 (2023-02-19)
喜欢
在html页面开发中需要点击复制功能，可以通过execCommand来达到效果。
html
<button onclick="copyName()">复制名称</button>
<input type="text&qu...
yekong
2年前 (2023-02-17)
喜欢
在前端项目开发中，有些资源需要时web环境才可以访问，如果是直接双击html打开的html就会导致部分文件无法加载，但是用户可能不知道，我们需要给用户一个提示：
我们通过js的window.location.origin判断文件打开方式是不是通过file的方式打开的，如果是fil...
yekong
2年前 (2023-02-14)
喜欢
Vue 提供了 transition 的封装组件，可以给任何元素和组件添加进入/离开过渡；我们可以结合animate.css来实现我们想要的效果。animate动画可实现的效果有很多，我们可以查看animate.css演示。
安装animate.css
npm install a...
yekong
2年前 (2023-02-09)
喜欢
随着项目的增加，磁盘的空间也跟着吃紧，最吃紧的是依赖所占用的空间，最近发现了一款新包管理工具pnpm
pnpm的特点
1、快速
pnpm比其他包管理器快2倍。
2、高效
node_modules 中的文件为复制或链接自特定的内容寻址存储库。
3、支持monorepos
pnpm内...
yekong
2年前 (2023-01-18)
喜欢
axios在请求获取文件的时候需要在页面中显示下载进度，通过使用onDownloadProgress来实现我们想要的效果。
axios.get('assets/liku.zip', {
responseType: 'arraybuffer',
onDownloadProg...
yekong
2年前 (2023-01-18)
喜欢
