前端一些好用的轮子

动画库

如果想页面制作的好看，动画效果一定是少不了的。所以必须推荐动画插件。

• Animate.css 纯css的动画库，所以无论你前端使用什么框架，都可以非常方便的使用它，内置了超多的动画效果，并且预览起来也非常方便。

  网址：Animate.css | A cross-browser library of CSS animations.

常用效果组件

所有介绍了一些UI组件库，组件库的组件大而全，但精细程度有时候是不够的，所以有时候我们还需要一些小而精的专属组件。

1. 轮播图组件：swiper，这个提供的轮播图效果太多了，中文文档齐全，还有交流QQ群。支持原生、JQuery、Vue、React、Angular等，任何前端开发场景中使用。而且还有PC端和移动端。比较讨厌的是官网有很多弹出广告，但也能理解，为了生存吗。

   网址：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发

2. 滚动插件：mescroll.js , 移动端的滚动经常会出现不流畅，延迟等问题。我也尝试着去使用了很多大神些的滚动插件，多方比较，我选定了这款插件。他是基于H5的，不依赖来与其它前端框架，侵入性很小，实用性很大。如果你在滚动中遇到了问题，可以使用这个插件来解决。

   网址：mescroll -- 精致的下拉刷新和上拉加载js框架

工具类

开发中除了界面的制作，也需要一些工具类的轮子，下面就介绍一下我开发中使用的一些工具类轮子。

1. 函数库：lodash.js ,是一个一致性、模块化、高性能的JavaScript实用工具库。这个函数库可以在原生JS中使用，也可以在React和Vue中使用。几乎你开发中所有的函数，这个库都给你写好。你需要作的就是熟练和恰到好处的使用。

   网址：Lodash 简介 | Lodash 中文文档 | Lodash 中文网

Vue轮子

1. Vue拖拽组件 ：vue-draggable, 用于现在开发的应用都需要有移动端，所以拖拽操作越来越多了，它是我目前看到的基于Vue的最好拖拽组件。

   网址：vue.draggable中文文档 - itxst.com

2. Vue生成二维码：vue-qr 如果你需要生成二维码，用这个组件绝对没错，公司的项目一直在使用，可以方便快捷的生成任何形式的二维码。包括彩色和自定义样式。

   网址：vue-qr - npm

3. Vue图片剪裁 ： vue-cropper 无论开发任何应用，都需要用户上传图片。但又为了保持页面的一致性，所以要对上传的图片，安装设计规范，进行裁切。这时候你就可以使用这个组件了。

   网址：GitHub - xyxiao001/vue-cropper: A simple picture clipping plugin for vue

4. 图片懒加载：vue-lazyload 其实很多UI组件库已经有这个图片懒加载的给功能了，但是还是单独提出来一下，因为它不会和其它Vue组件库冲突，而且功能更多。

   网址：vue-lazyload - npm

5. Vue上传组件：vue-simple-upload 上传也是我们绕不开的开发需求，所以你必须拥有一个完全好用的上传组件。它非常好用，但缺点是没有官方网站，只有一个Github地址。

   网址：GitHub - saivarunk/vue-simple-upload: Simple File upload component for Vue.js