我是一个前端开发者,本文就推荐我工作中常会用的轮子。这些轮子可以大大加快你的开发效率。正常公司给你的开发时间都是那么那么的紧张,有时候就不是加班能立马解决的。想造个轮子也是比较困难的,作为实际工作者是需要花更多的时间去理解和开发业务。以下是我对我常用的轮子作一次总结。
UI组件库
Element:国内最流行的UI库,文档齐全,支持Vue3下使用。还提供了Element-React版本 和Element-Angular版本。 地址:element.eleme.cn/#/zh-CN
Ant Design:React开发较多选择这个UI框架,项目中我使用过Ant Design for Vue版本,也是对除了选择Element做一个补充。 地址:www.antdv.com/docs/vue/in…
View UI:View UI ,即原先的 iView。UI设计的非常精美,当然也就是View UI的特点,漂亮。有免费版和专业版(也就是收费版)。 地址:www.iviewui.com/
DataV:主要用于构建大屏(全屏)数据展示页面即数据可视化。除了Vue版还提供了React版本(DataV-React)。 地址:datav.jiaminghi.com/
Vant:vant主要适用于移动端开发。组件比较齐全,使用比较简单,UI设计也比较漂亮。 地址:youzan.github.io/vant/#/zh-C…
工具组件库
1、echarts:调试方便,文档完善,样例众多,算是国内最好的可视化开发组件库,除了官网案例还有对应社区。 地址:echarts.apache.org/zh/index.ht… 社区:www.makeapie.com/explore.htm…
2、Swiper:轮播图效果全,文档齐全,还有许多的QQ交流群。 地址:www.swiper.com.cn
3、Animate.css :纯css的动画库,内置多种动画。 地址:animate.style
4、vue-qr:生成二维码插件,比较容易自定义样式。 地址:www.npmjs.com/package/vue…
5、vColorPicker:基于 Vue 的颜色选择器插件,简单易上手,开箱即用就是。 地址:vue-color-picker.rxshc.com
6、vue-lazyload:大一点UI组件库一般都有这个图片懒加载功能,这个优点不容易和其它Vue组件库冲突,而且功能更多。 地址:www.npmjs.com/package/vue…
7、fastmock:简单好用的在线接口mock平台。 地址:www.fastmock.site/
8、UEditor:是由百度 web 前端研发部开发所见即所得富文本web编辑器,具有轻量、可定制、注重用户体验等特点。 主要特点: 轻量级:代码精简,加载迅速。微信公众平台所使用的富文本编辑器也是ueditor,只是微信在上面做了一些样式修改和功能扩展(微信修改了源码)。 地址:fex.baidu.com/ueditor/
文章最后总结一下,推荐的不一定适合用到你的项目里,最重要你要学会去如何搜索资源如百度,作为一名开发使用github、码云、npm等工具是少不了的技能。归根到底就是要找到合适的轮子运用于项目当中去,个人常用自己多总结。