没事的时候，就逛逛lottie动画实例，将一些可能会用到的动画效果收藏记录下来，说不定哪天就用到了。今天收藏的是书签收藏效果。
通过点击书签来切换动画效果。
效果预览
git地址
书签效果
...
3年前 (2022-08-20)
喜欢
一个纷飞效果的动画，可以给某些按钮做图标，当按钮被点击后，就触发这个动画。看起来一定很带劲.
效果预览
git地址
纷飞效果动画
...
3年前 (2022-08-20)
喜欢
通过3个div的叠加外，使用js控制div显示隐藏来达到类似爆炸一样的视觉效果。
推荐使用lottie实现方式
lottieweb 爆炸效果动画收藏
实际项目
在实际项目中的运行效果-vue数据可视化大屏外包实例-重要目标预警与智慧分析系统
代码
<template&...
3年前 (2022-08-20)
喜欢
记得之前有个页面要做爆炸效果，当时是通过css加js实现的效果并不流畅，今天看到一个效果很好的lottieweb动画 记录一下。
效果预览
css js 动画效果
css js 动画效果
git地址
爆炸动画
...
3年前 (2022-08-20)
喜欢
最近需要一个组件将接口返回的数据导出为Excel，将实现过程记录一下，并进行封装，以达到开箱即用，节省开发时间。
首先安装依赖
npm i file-saver --save
npm i xlsx --save
npm i script-loader --save
使用组件
/...
3年前 (2022-08-20)
喜欢
在使用xlsx导出excel的时候，报错了
报错前
import XLSX from 'xlsx'
调整后
import * as XLSX from 'xlsx'
...
3年前 (2022-08-19)
喜欢
安装依赖
首选需要安装城市数据依赖
cnpm install element-china-area-data -S
说明
provinceAndCityData是省市二级联动数据（不带“全部”选项）
regionData是省市区三级联动数据（不带“全部”选项）
province...
3年前 (2022-08-18)
喜欢
最近看前端技术文章的时候，偶然看到了一款插件TinyLayer，想到element ui弹窗自定义的困扰时，就试了一下这款插件，感觉很不错，记录收藏下来。
组件安装和引入
npm install tinylayer -S
// main.js 中引入并注册
import Vu...
3年前 (2022-08-17)
喜欢
vue项目开发中，经常会遇到消息通知，但是这些消息通知，element ui的消息通知组件message就基本满足了我们的需要。但是有些项目的消息通知组件要求比较奇特，比如部分页面的消息样式和另外一部分的消息样式不一样。这就需要我们自己来写一个全局的消息提示组件满足我们独特的需要...
3年前 (2022-08-16)
喜欢
<transition> can only be used on a single element. Use <transition-group> for lists
vue在使用transition时，报了一个错，排查发现是因为transition下不...
3年前 (2022-08-15)
喜欢
