使用APNG替代GIF格式的动态图片
在制作阿里云DataV数据大屏时，因为dataV素材库中一部分动效与我们大屏的主色调不一致，所以UI额外制作了一些gif特效图片。 当GIF使用了渐变效果后，导出的图片渐变部分会被替换成黑色 ...
- 2021/11/20
History模式 带参数链接刷新后显示404的问题
已经按照Vue Router文档配置了nginx 123location / { try_files $uri $uri/ /index.html;} 当使用这样的方式跳转页面后，刷新页面会触发404 1234...
Froala 引入全部和按需引入的方法
1. 导入所有组件main.js 12345import 'froala-editor/css/froala_editor.pkgd.min.css'import '...
Froala Color选择框不显示选中图标的解决办法
效果如图，图标变成了正方形框框。经过我的测试，目前解决办法有两种： 1. 引用font-awesome运行下面的命令安装font awesome 1npm install font-aweso...
keep-alive三级以上路由不缓存
vue多页面标签栏导航的思路可以参考vue-element-admin的快捷导航 根据它的做法，keep-alive已经能支持一二级页面的缓存、销毁。但是当项目存在三级及以上的页面时，就会发现该页面...
Echarts图表tooltip修改后样式变了的解决办法
这是echarts默认的图标样式 echarts支持修改tooltip.formatter来修改tooltip的内容 如果只是用字符串形式的，会发现左侧的小圆点丢失了（效果如下图） 1for...
ElementUI table组件无限滚动加载
elementUI自带的InfiniteScroll在Table组件中直接使用会触发无限load。似乎是监听了当前页面DOM的滚动来执行的load。 经过一番搜索发现，有个名叫el-table...
自定义非同源文件下载时的文件名
<a>标签有个download属性可以自定义下载文件的文件名 1234567const url = '下载的文件url'const link = document.c...
正则表达式的全局搜索标志g导致表单验证反复成功失败
0x01 遇到了一个BUG这周遇到了一个很有意思的问题，记录一下。 背景是项目编写完成后，我着手开始优化form表单的正则验证。当使用封装好的正则验证类验证手机号时，在change中会出现一次成功一...
ElementUI添加自定义图标
elementUI中虽然内置了大量图标，但有时候总会遇到在elementUI中找不到想要的图标。这次我来分享一个添加自定义图标的方法。 挑选图标1、首先打开iconfont，在搜索栏中搜索想要的图标...