vue项目外包开发时，banner是类似平行四边形和梯形的方式拼接切换的，研究了几种方式，最终感觉其中一个比较合适就选择了这一种。
/**
* @Author: 858834013@qq.com
* @Name: banner
* @Date: 2022-08-31
* @De...
3年前 (2022-08-31)
喜欢
外包项目开发时，需要一些鼠标移到图片上的动画效果，正好之前看到过类似的文章，将其也整理一遍发到自己的博客上，方便搜索复用。
imagehover.css
imagehover.css
效果演示地址
效果演示地址
基本实例代码
<figure class="imgh...
3年前 (2022-08-31)
喜欢
vue项目开发时，要求一个类似手风琴的交互效果，但是自己并不擅长这一块，于是在github上搜索了一个相关的效果，最终找到一款比较符合的插件，再源插件的基础上，修改了一下，就可以用了。
源插件地址
源插件地址
使用到的插件
插件中使用到了@tweenjs/tween.js，对这...
3年前 (2022-08-29)
喜欢
最近在学习vite反向代理以及端口的配置，记笔记。
import {fileURLToPath, URL} from 'node:url'
import compressPlugin from "vite-plugin-compression"; //静态资源...
3年前 (2022-08-28)
喜欢
element ui 使用DropDown下拉菜单的时候，为了和当前项目的主题色相匹配，需要修改样式颜色。记录一下实现的过程和样式代码。
实例地址
vue 数据大屏 监控分析系统
html
使用时需要先给el-dropdown-menu定义一个样式 比如dropdownPop
...
3年前 (2022-08-27)
喜欢
vue项目开发时，返回上一页的时候会报一个错误，导致页面数据无法渲染出来。
Error in nextTick: “TypeError: Cannot read property ‘__ob__‘ of undefined“
排查发现是因为一个组件的data写法有问题
data...
3年前 (2022-08-25)
喜欢
在添加动画的时候考虑到交互效果，需要鼠标移入时，再进行动画播放，鼠标移出后，动画停止，封装一下以便于进行复用。
/**
* @Author: 858834013@qq.com
* @Name: lottiePlay
* @Date: 2022-08-24
* @Desc: 动画播...
3年前 (2022-08-24)
喜欢
vue数据大屏项目开发时，常常需要在每个item的四个角增加图片修饰，让其看起来更加美观，前端切图的时候，如果将这些部分以一个整体做成背景图片资源占用会增加，为了节省图片，一些可以item可以做成四个角标图片分别放在四个角上，这样可以节省图片，并且可以复用，不担心变形。于是将其封...
3年前 (2022-08-23)
喜欢
因为table自带的样式不太友好，设计稿的样式挺好看，就将其封装成一个组件，以后可能会复用，先收藏一下。
使用
<tableCom :t-header="tHeader" :key-val="keyValList" :list=&q...
3年前 (2022-08-22)
喜欢
vue需要一个步骤条的组件，但是element ui组件的步骤条和自己需要的还是有点差别的，于是自己写了一个，并记录下来。
使用组件
<steps :list="stepsList" :active="stepsActive">...
3年前 (2022-08-21)
喜欢
