前端高效开发必备——常用js框架和第三方插件

轮播图

1、swiper.js

视频音频播放

1、video.js

时间日期处理

1、moment.js

图像浏览

1、viewer.js jQuery 图像浏览插件
2、cropper.jsjQuery简单且功能强大的图片剪裁插件
3、lazy.js 图片懒加载库
4、PhotoSwipe- 适用于移动和pc，模块化，框架独立的JavaScript图像库https://photoswipe.com/ ❤❤❤❤❤

图表

1、echart 百度开发的功能强大的图表库
2、highcharts兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库

弹窗
1、modalbox.js
2、Popper.js 轻量级 tooltips 提示插件
3、artDialog 一个精巧的web对话框组件

滚动条样式优化

1、Jquery.Nicescroll.js 浏览器滚动条美化样式插件 ❤❤❤
2、Jquery.slimScroll.js 用于模拟传统的浏览器滚动条(竖向)
3、x-scrollbar滚动条

动画

1、Anime.js 一个JavaScript动画库，可以处理CSS属性，单个CSS转换，SVG或任何DOM属性以及JavaScript对象
2、Velocity 一个高效的 Javascript 动画引擎，与jQuery的 $.animate() 有相同的API, 同时还支持彩色动画、转换、循环、画架、SVG支持和滚动等效果
3、Vivus 一个零依赖的JavaScript动画库，可以让我们用SVG制作动画，使其具有被绘制的外观
4、GreenSock JS 一个JavaScript动画库，用于创建高性能、零依赖、跨浏览器动画，已在超过400万个网站上使用, 并且可以在React、Vue、Angular项目中使用
5、Scroll Reveal 零依赖，为 web 和移动浏览器提供了简单的滚动动画，以动画的方式显示滚动中的内容
6、Kute.js 一个强大高性能且可扩展的原生JavaScript动画引擎，具有跨浏览器动画的基本功能
7、Typed.js 一个轻松实现打字效果的js插件

图形处理、二维码

1、qrcode 基于JQuery的二维码生成插件
2、html2canvas 一个强大的使用js开发的浏览器网页截图工具
3、dom-to-image 一个可以将任意DOM节点转换为用JavaScript编写的矢量（SVG）或光栅（PNG或JPEG）图像的库
4、pica 一个在浏览器中调整图像大小，而不会出现像素失真，处理速度非常快的图片处理库
5、Compressor.js 一个使用本地canvas.toBlob API进行图像有损压缩的js库
6、Lena.js 一个轻量级的可以给你图像加各种滤镜的js库
7、Fabric.js 一个易于使用的基于HTML5 canvas元素的图片编辑器
8、merge-images 一个将多张图片合并成一张图的js插件
9、cropperjs 一款强大的图片裁切库, 支持灵活的图片裁切方式
10、Grade 一个基于图像中的前2种主要颜色生成互补渐变背景的库

全屏滚动插件

1、screenfull.js 浏览器全屏显示的插件
2、fullpage.js 全屏滚动插件
3、iscroll 移动端使用的一款轻量级滚动插件

VR AR虚拟现实

1、Aframe 基于three.js和WebVR开发的VR框架https://aframe.io/ ❤❤❤
2、WebVR 火狐团队致力开发的网页VR框架https://immersive-web.github.io/webvr/spec/1.1/

文件处理

1、file-saver 一个在客户端保存文件的解决方案，非常适合在客户端上生成文件的Web应用程序
2、js-xlsx 一个强大的解析和编写excel文件的库

网络请求

1、Axios 一个基于 Promise 的 HTTP 库，可用在 Node.js 和浏览器上发起 HTTP 请求，支持所有现代浏览器，甚至包括 IE8+
2、fly.js 一个基于promise的http请求库, 可以用在node.js, Weex, 微信小程序, 浏览器, React Native中
3、Superagent 基于Ajax的优化, 可以与 Node.js HTTP 客户端搭配使用

工具类插件

1、event.js监控事件触发与否插件
2、Minirefresh.js 是一个优雅的H5下拉刷新插件
3、zepto jquery的轻量级版本, 适合移动端操作
4、fastclick 一个简单易用的库，它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时，让你的应用感觉不到延迟，反应更加灵敏。
5、loadsh 封装了各种常用的js函数库

ps.
https://www.javascript.fun/library/ 一个集合当下最流行的 JavaScript 代码库，显示流行排行，开发者可以轻松的找到想要最新的代码插件、工具和博客。

H5网页免费模板
https://html5up.net/