工作日记:让你的网页refined more

江鹏
2023-12-01

总结了一些日常Vue网页开发中用到的东西,本博文持续更新中。。。
最后更新日期:2022-01-29

一、绚丽的vue ui库

ui组件库尽量选择大中厂的产品,避免版本更迭时需要大改动。
1.Element UIhttps://element.eleme.cn/#/zh-CN
2.Vanthttps://vant-contrib.gitee.io/vant-weapp/#/home

二、生动的图标和插画库

图标库:
1.阿里妈妈矢量图标库https://www.iconfont.cn/home/index
2.Flaticonhttps://www.flaticon.com
3.Iconparkhttps://iconpark.oceanengine.com/home(心脏不跳公司的,目前处于beta测试状态)
4.Animaticonshttps://animaticons.co(动态图标)

插画库:
1.阿里妈妈矢量图标库https://www.iconfont.cn/home/index
2.apeonthemoonhttps://apeonthemoon.com(如果你想要一些抽象主义的插画,来这一定没错)
3.CleanPNGhttps://www.cleanpng.com(免抠图)

三、灵巧的css动画

开发过程中不要过多的引用css库,过多引用可能会导致css冲突。日常开发我个人觉得仅用Animista、Three Dots和Hover就够了。
1.Animistahttps://animista.net/play/basic
2.Animatehttps://animate.style
3.Vivifyhttp://vivify.mkcreative.cz
4.Magichttps://www.minimamente.com/project/magic
5.Cssanimation.iohttp://cssanimation.io/index.html
6.Angrytoolshttps://angrytools.com/css/animation
7.Hoverhttp://ianlunn.github.io/Hover
8.Three Dotshttps://nzbin.github.io/three-dots
9.CSShakehttps://elrumordelaluz.github.io/csshake

四、图表

1.EChartshttps://echarts.apache.org/zh/index.html
2.Chartshttp://charts.jiaminghi.com(轻量级的,入门简单)
3.AntVhttps://antv.gitee.io/zh(蚂蚁开源的,图表注重用户的交互。ECharts的交互性在AntV面前就是弟弟!!!不过AntV分很多模块,上手极难。)

五、大数据展板或组件

1.dataVhttp://datav.jiaminghi.com(此dataV非阿里后妈的dataV,这个dataV是开源的,阿里后妈那个是收费的)
2.Supersethttps://superset.apache.org(基于python实现的,服务器环境需要python。它的优点在于支持组件自定义,组件位置拖拽。缺点在于图表装饰组件太少。)

 类似资料: