一、博主介绍
💒首页:水香木鱼
🛫专栏：后台管理系统
✍简介: 博主姓：陈，名：春波。花名 “水香木鱼”，星座附属 “水瓶座一枚” 来自于富土肥沃的"黑龙江省"-美丽的 “庆安小镇”
🔰 格言: 生活是一面镜子。 你对它笑， 它就对你笑； 你对它哭， 它也对你哭。
🔋 能量：相信付出终将会得到回报!
二、目录
温馨提示:木鱼所提供目录，仅以前端工程中，开发项目便捷为主。不存在宣传作用，请须知！
本期为大家提供的是前端常用工具速查表。一🔎
(1)、博主常用工具
工具 | 说明 |
中国色 | 颜色谱 |
零代码 | 零代码工具箱 - 专为前端打造 |
阿里巴巴矢量图标库 | 海量图标库 |
网道-阮一峰 | 网站附加HTML、CSS、JS相关文档 |
Vue.js | 渐进式JavaScript 框架 |
胜洪宇-博主 | 15年开发经验，目前主做前端开发。努力每年录制100集免费视频教程，帮助新人学习。 |
(2)、前端基础-教程网站
工具 | 说明 |
Animate.css | 纯css的动画库，内置了超多的动画效果 |
精美css样式库 | 免费开源css样式 |
IT小书童 | 新手教程 |
(3)、Vue常用工具
组件 | 说明 |
Swiper | Swiper常用于移动端网站的内容触摸滑动 |
mescroll.js | 精致的下拉刷新和上拉加载js框架 |
vue-draggable | Vue的最好拖拽组件，用于现在开发的应用都需要有移动端。 |
vue-qr | 如果你需要生成二维码，用这个组件绝对没错，公司的项目一直在使用，可以方便快捷的生成任何形式的二维码。包括彩色和自定义样式。 |
vue-cropper | 无论开发任何应用，都需要用户上传图片。但又为了保持页面的一致性，所以要对上传的图片，安装设计规范，进行裁切。 |
vue-lazyload | 图片懒加载组件，它不会和其它Vue组件库冲突，而且功能更多。 |
vue-simple-upload | 上传也是我们绕不开的开发需求，所以你必须拥有一个完全好用的上传组件 |
(4)、前端工具类
工具 | 说明 |
lodash.js | 是一个一致性、模块化、高性能的JavaScript实用工具库。这个函数库可以在原生JS中使用，也可以在React和Vue中使用 |
Day.js | Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。 |
timeago.js、github地址 | 它是显示几小时之前，很多随时更新的网站和应用，为了显示出及时性，不再显示具体发布的时间，而是改为几分钟或者几小时前发布的。这样显着时效性更好。 |
Markdown 编辑器 | 作为程序员，编写Markdown格式的文档已经是必会技能了，所以如果是为程序员开发的应用和网站，一定要支持Markdown功能 |
validator.js | 用户端，还是管理端前台开发验证都时必须的 |
(5)、Vue UI 组件库
组件库 | 说明 |
Element | 国内最流行的Vue UI组件库，文档完整，支持在Vue3下使用。而且Element还提供了Element-React版本和Element-Angular版本 |
vant | 有赞公司旗下的开源组件库，适用于移动端开发。组件齐全，使用简单，UI设计也非常漂亮。 |
ECharts | 一个基于 JavaScript 的开源可视化图表库 |
(6)、React UI组件库
组件库 | 说明 |
Ant Design | 文档齐全，社区生态良好，有手机版，还有PC版。可以用来快速创建手机/后台/内部应用的UI组件库。 |
React Bootstrap | BootStrap快速完成个人小项目 |
三、博主致谢
感谢小伙伴们，耐心的阅读完本篇文章，关注👉 水香木鱼🔔 获取更多精彩文章！
⭐⭐⭐ 别忘记一键三连呦!