几十款拿来就能用的vue工具库,不来看看吗？前端工具库持续更新...
Posted 水香木鱼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了几十款拿来就能用的vue工具库,不来看看吗？前端工具库持续更新...相关的知识，希望对你有一定的参考价值。
一、博主介绍
💒首页:水香木鱼
🛫专栏：后台管理系统
✍简介: 博主姓：陈，名：春波。花名 “水香木鱼”，星座附属 “水瓶座一枚” 来自于富土肥沃的"黑龙江省"-美丽的 “庆安小镇”
🔰 格言: 生活是一面镜子。 你对它笑， 它就对你笑； 你对它哭， 它也对你哭。
🔋 能量：相信付出终将会得到回报!
二、目录
温馨提示:木鱼所提供目录，仅以前端工程中，开发项目便捷为主。不存在宣传作用，请须知！
本期为大家提供的是前端常用工具速查表。一🔎
(1)、博主常用工具
| 工具 | 说明 |
|---|---|
| 中国色 | 颜色谱 |
| 零代码 | 零代码工具箱 - 专为前端打造 |
| 阿里巴巴矢量图标库 | 海量图标库 |
| 网道-阮一峰 | 网站附加html、CSS、JS相关文档 |
| Vue.js | 渐进式javascript 框架 |
| 胜洪宇-博主 | 15年开发经验，目前主做前端开发。努力每年录制100集免费视频教程，帮助新人学习。 |
(2)、前端基础-教程网站
| 工具 | 说明 |
|---|---|
| 精美css样式库 | 免费开源css样式 |
| IT小书童 | 为程序员提供优质教程和文档 |
| 菜鸟教程 | 学的不仅是技术，更是梦想! |
(3)、Vue常用组件库
| 序号 | 组件 | 说明 |
|---|---|---|
| 1 | Swiper | Swiper常用于移动端网站的内容触摸滑动 |
| 2 | mescroll.js | 精致的下拉刷新和上拉加载js框架 |
| 3 | vue-draggable | Vue的最好拖拽组件，用于现在开发的应用都需要有移动端。 |
| 4 | vue-qr | 如果你需要生成二维码，用这个组件绝对没错，公司的项目一直在使用，可以方便快捷的生成任何形式的二维码。包括彩色和自定义样式。 |
| 5 | vue-cropper | 无论开发任何应用，都需要用户上传图片。但又为了保持页面的一致性，所以要对上传的图片，安装设计规范，进行裁切。 |
| 6 | vue-lazyload | 图片懒加载组件，它不会和其它Vue组件库冲突，而且功能更多。 |
| 7 | vue-simple-upload | 上传也是我们绕不开的开发需求，所以你必须拥有一个完全好用的上传组件 |
(4)、前端功能库
| 序号 | 工具 | 标签 | 说明 |
|---|---|---|---|
| 1 | lodash.js | JavaScript 实用工具库 | 是一个一致性、模块化、高性能的JavaScript实用工具库。这个函数库可以在原生JS中使用，也可以在React和Vue中使用 |
| 2 | Day.js | 极简的JavaScript库 | Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。 |
| 3 | timeago.js、github地址 | 历史时间 | 它是显示几小时之前，很多随时更新的网站和应用，为了显示出及时性，不再显示具体发布的时间，而是改为几分钟或者几小时前发布的。这样显着时效性更好。 |
| 4 | Markdown 编辑器 | Markdown | 作为程序员，编写Markdown格式的文档已经是必会技能了，所以如果是为程序员开发的应用和网站，一定要支持Markdown功能 |
| 5 | validator.js | - | 用户端，还是管理端前台开发验证都时必须的 |
| 6 | axios | - | 易用、简洁且高效的http库 |
| 7 | underscorejs | 函数式编程 | Underscore是一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它是这个问题的答案：“如果我在一个空白的HTML页面前坐下， 并希望立即开始工作， 我需要什么？“…它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 |
| 8 | Ramda 中文 | 函数式编程 | 使用 Ramda 时，应该感觉像使用原生 JavaScript 一样，它是实用且函数式的 JavaScript。Ramda 没有在字符串中引入 lambda 表达式，也没有借用 consed 列表，更不是要移植所有的 Clojure 函数。 |
| 9 | 获取键盘按键的 | 键盘按键 | 可以快速查询键盘对应的按钮code |
| 10 | vue-typed-js | - | 打字效果 |
| 11 | vue-tour | - vue-tour快速入门：VUE项目中如何使用vue-tour新手引导指引插件？怎样使用？包含具体实例 | 新手引导效果 |
| 12 | Anime.js | 动画库 | 一个轻量的JavaScript 动画库， 拥有简单而强大的API。可对 CSS 属性、 SVG、 DOM 和JavaScript 对象进行动画。 |
| 13 | SortableJS | - | 功能强大的JavaScript 拖拽库 |
| 14 | TweenMax.js | 动画插件 | Tweenmax是GreenSock 动画平台的核心，配合其他插件可动画CSS属性、滤镜效果、 颜色、 声音、 色彩、 帧、 饱和度、 对比度、 色调、 色系、 亮度、 贝塞尔 |
| 15 | moment | 日期处理 | JavaScript 日期处理类库 |
| 16 | Animate.css | - | 纯css的动画库，内置了超多的动画效果 |
(5)、Vue UI 组件库
| 序号 | 组件库 | 说明 | 应用场景 |
|---|---|---|---|
| 1 | Element | 国内最流行的Vue UI组件库，文档完整，支持在Vue3下使用。而且Element还提供了Element-React版本和Element-Angular版本 | PC端 |
| 2 | vant | 有赞公司旗下的开源组件库，适用于移动端开发。组件齐全，使用简单，UI设计也非常漂亮。 | 移动端 |
| 3 | ECharts | 一个基于 JavaScript 的开源可视化图表库 | PC端/移动端 |
| 4 | Ant Design Vue | 为 Web 应用提供了丰富的基础 UI 组件，企业级中后台产品 | PC端 |
| 5 | Ant Design Mobile 5.0 | 探索移动端 Web 的体验极限 | 移动端 |
| 6 | layui | 开源模块化前端 UI 组件库 | PC端 |
| 7 | Taro UI | 出自京东凹凸实验室，基于 Taro 的多端 UI 组件库，提供友好的 API，可灵活的使用组件，一套组件可以在 微信小程序、H5、ReactNative 等多端适配运行。 | 多端 |
| 8 | vuetifyjs | Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。 | PC端 |
| 9 | WeUI | WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 | 微信小程序 |
| 10 | ThorUI文档 | 轻量、简洁、全面的移动端组件库。 | 移动端 |
| 11 | Bootstrap | 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。 | - |
(6)、React UI组件库
| 组件库 | 说明 |
|---|---|
| Ant Design | 文档齐全，社区生态良好，有手机版，还有PC版。可以用来快速创建手机/后台/内部应用的UI组件库。 |
| React Bootstrap | BootStrap快速完成个人小项目 |
| semi.design | 由字节跳动抖音前端与 UED 团队设计、开发并维护，包含设计语言、React 组件、主题等开箱即用的中后台解决方案，帮助设计师与开发者打造高质量产品。 |
三、博主致谢
感谢小伙伴们，耐心的阅读完本篇文章，关注👉 水香木鱼🔔 获取更多精彩文章！
⭐⭐⭐ 别忘记一键三连呦!
四、精彩福利!
前端element组件库中el-input密码右侧添加小眼睛切换状态
以上是关于几十款拿来就能用的vue工具库,不来看看吗？前端工具库持续更新...的主要内容，如果未能解决你的问题，请参考以下文章
Flutter系列 小白也能看懂，拿来就能用的Flutter安装入门教程