前端高效开发不得不知道的一些JavaScript库！

我本凡尘

   工欲擅其事,必先利其器；器欲尽其能,必先得其法。

函数库

lodash

保举指数：⭐️⭐️⭐️⭐️⭐️
Lodash 是一个分歧性、模块化、下机能的 JavaScript 适用东西库。

  地点：https://www.lodashjs.com/

恳求库 

axios

保举指数：⭐️⭐️⭐️⭐️⭐️
是一个基于 promise 的 HTTP 库,能够用正在浏览器战 node.js 中。Features从浏览器中创立 XMLHttpRequests 从node.js 创立 http 恳求 撑持Promise API 阻拦恳求战...

  地点：http://www.axios-js.com/

flyio 

保举指数：⭐️⭐️⭐️⭐️⭐️
一个撑持一切JavaScript运转情况的基于Promise的、撑持恳求转收、壮大的http恳求库。可让您正在多个端上尽大要年夜限度的完成代码复用。

  地点：https://www.npmjs.com/package/flyio

动绘库 

Animate.css

保举指数：⭐️⭐️⭐️⭐️⭐️
内乱置了许多范例的css3动绘，兼容性好利用便利。

  地点：http://www.animate.net.cn/

Magic.css 

保举指数：⭐️⭐️⭐️
一款共同的CSS3动绘殊效包。

  网址：https://www.minimamente.com/project/magic/

move.js 

保举指数：⭐️⭐️
一个小型的JavaScript库，经由过程JS去掌握一系列的CSS动绘挨次施行，使CSS3动绘变得十分简朴战文雅。

  网址：https://github.com/visionmedia/move.js 

转动库 

BetterScroll

保举指数：⭐️⭐️⭐️⭐️⭐️
better-scroll 是一款重面处理挪动端（已撑持 PC）各类转动场景需供的插件。
better-scroll 是基于本死 JS 完成的，没有依靠任何框架。它编译后的代码巨细是 63kb，紧缩后是 35kb，zip 后唯一9kb，是一款十分沉量的 JS lib。

  网址：https://github.com/ustbhuangyi/better-scroll

iscroll 

保举指数：⭐️⭐️⭐️⭐️
iScroll是一个下机能，资本占用少，无依靠，多仄台的javascript转动插件。
它能够正在桌里，挪动装备战智能电视仄台上事情。它不断正在鼎力劣化机能战文件巨细以便正在新旧装备上供给最逆畅的体验。

  网址：http://caibaojian.com/iscroll-5/

存储类

store.js

保举指数：⭐️⭐️⭐️⭐️⭐️
store.js 是一个兼容尽年夜部门支流浏览器的 LocalStorage 包拆器，没有需求借助 Cookie 大概 Flash。store.js 会按照浏览器主动挑选利用 localStorage、globalStorage 大概 userData 去完成本地存储功用。

1. //存储键值对key-value
2. store.set('username', 'HQG')
4. //按照key，获得存储的value值
5. store.get('username')
7. //移除指定的key数据
8. store.remove('username')
10. //肃清一切key
11. store.clear()
13. //使用store.js存储沉量级的json工具,主动stringify
14. store.set('user', { name: 'lcq' })
16. //按照key,获得一个存储工具,主动parse
17. var user = store.get('user')
18. console.log(user.name)；

复造代码

  地点：https://www.npmjs.com/package/store

js-cookie

保举指数：⭐️⭐️⭐️⭐️⭐️
js-cookie是一个简朴的，沉量级的处置cookies的js API。

  地点：https://www.npmjs.com/package/js-cookie

Mock数据类

Mockjs

保举指数：⭐️⭐️⭐️⭐️⭐️
天生随便随机数据，阻拦 Ajax 恳求。

  地点：https://www.npmjs.com/package/mockjs 

数据可视化 

ECharts

保举指数：⭐️⭐️⭐️⭐️⭐️
一个基于 JavaScript 的开源可视化图表库。

  地点：https://echarts.apache.org/zh/index.html

D3.js 

保举指数：⭐️⭐️⭐️⭐️⭐️
D3js 是一个能够基于数据去操纵文档的 JavaScript 库。能够赞助您利用 HTML, CSS, SVG 和Canvas 去展现数据。

  地点：https://www.d3js.org.cn/

Three.js 

保举指数：⭐️⭐️⭐️⭐️⭐️
three.js是JavaScript编写的WebGL第三圆库。供给了十分多的3D显现功用。

  地点：http://www.webgl3d.cn/

hightchart

保举指数：⭐️⭐️⭐️⭐️
兼容 IE6+、完善撑持挪动端、图表范例丰硕、便利快速的 HTML5 交互性图表库。

  地点：https://www.highcharts.com.cn/

DataV 

保举指数：⭐️⭐️⭐️
Vue/React 年夜屏数据展现组件库。

  地点：http://datav.jiaminghi.com/

舆图数据源 

保举指数：⭐️⭐️⭐️⭐️⭐️
年夜屏/舆图/echarts舆图数据皆能够从那内里与！

  地点：http://datav.aliyun.com/tools/atlas/index.html

舆图 

下德舆图

保举指数：⭐️⭐️⭐️⭐️⭐️

  地点：https://lbs.amap.com/

百度舆图 

保举指数：⭐️⭐️⭐️⭐️

  地点：https://lbsyun.百度.com/

舆图坐标系转换 （gcoord）

保举指数：⭐️⭐️⭐️⭐️⭐️
gcoord次要处理了两个成绩

• 能将坐标正在差别坐标系下互相转换
  
• 可以处置GeoJSON
  

  地点：https://github.com/hujiulong/gcoord 

日期处置

moment.js

保举指数：⭐️⭐️⭐️⭐️⭐️
JavaScript日期处置插件。

1. moment().format('YYYY-MM-DD HH:mm:ss'); //2021-08-29 23:36:09
2. moment("20120901", "YYYYMMDD").fromNow(); //2 years ago      
3. //等许多

复造代码

  地点：http://momentjs.cn/

day.js 

保举指数：⭐️⭐️⭐️⭐️⭐️
一个沉量的处置工夫战日期的 JavaScript 库。

  地点：https://github.com/iamkun/dayjs

轮播

swiper.js 

保举指数：⭐️⭐️⭐️⭐️⭐️
Swiper是杂javascript挨制的滑动殊效插件，里背脚机、仄板电脑等挪动末端。
Swiper能完成触屏核心图、触屏Tab切换、触屏轮播图切换等经常使用结果。
Swiper开源、免费、不变、利用简朴、功用壮大，是架构挪动末端网站的主要挑选！

  地点：https://www.swiper.com.cn/

slip.js 

保举指数：⭐️⭐️
挪动端跟从脚指滑动组件，整依靠。

  地点：https://github.com/binnng/slip.js

复造粘揭插件

clipboard-polyfill

保举指数：⭐️⭐️⭐️⭐️⭐️
那个库是当代基于Promise的同步剪揭板API的polyfill。

  地点：https://www.npmjs.com/package/clipboard-polyfill

clipboard.js 

保举指数：⭐️⭐️⭐️⭐️
Clipboard.js 完成了杂 JavaScript （无 Flash）的浏览器内乱容复造到体系剪揭板的功用。能够正在浏览器战 Node 情况中利用。撑持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+。

  地点：https://mateusmirandaalmeida.github.io/clipboard.js/index.html

两维码插件 

qrcode.js

保举指数：⭐️⭐️⭐️⭐️⭐️
qrcode.js 是一个用于天生两维码的 JavaScript 库。次要是经由过程获得 DOM 的标签,再经由过程 HTML5 Canvas 画造而成,没有依靠任何库。

  地点：https://www.npmjs.com/package/qrcode

拖拽插件

Draggabilly

保举指数：⭐️⭐️⭐️
可帮您沉紧完成网页上各类元素的拖放操纵。撑持 IE8+ 战多触摸。

  地点：https://draggabilly.desandro.com/

dragula 

保举指数：⭐️⭐️⭐️⭐️
dragula让您可以很便利天完成拖拽功用的JS库。Dragula 是一个 JavaScript 库,完成了网页上的拖放功用。供给 JavaScript、AngularJS 战 React 版本。

  地点：https://www.npmjs.com/package/dragula

文件上传 

WebUploader

保举指数：⭐️⭐️⭐️⭐️⭐️
WebUploader是由Baidu WebFE(FEX)团队开辟的一个简朴的以HTML5为主，FLASH为辅的当代文件上传组件。正在当代的浏览器内里能充分阐扬HTML5的劣势，同时又没有摒弃支流IE浏览器，相沿本来的FLASH运转时，兼容IE6+，iOS 6+, android 4+。两套运转时，一样的挪用方法，可供用户随便选用。
接纳年夜文件分片并收上传，极年夜的进步了文件上传服从。

  地点：http://fex.百度.com/webuploader/

Canvas库 

html2canvas

保举指数：⭐️⭐️⭐️⭐️⭐️
html2canvas是一款使您能够间接正在用户浏览器上截与网页或部门网页的“屏幕快照”的库。

  地点：https://www.npmjs.com/package/html2canvas

Fabric.js 

保举指数：⭐️⭐️⭐️⭐️⭐️
是一个壮大而简朴的 Javascript HTML5 绘布库 Fabric 正在绘布元素之上供给交互式工具模子 Fabric 借具有 SVG-to-canvas（战 canvas-to-SVG）剖析器。

  地点：http://fabricjs.com/

图片处置 

cropperjs

保举指数：⭐️⭐️⭐️⭐️⭐️
cropperjs是一款十分壮大却又简朴的图片裁剪东西，它能够停止十分灵敏的设置，撑持脚机端利用，撑持包含IE9以上的当代浏览器。（枢纽是利用办法简朴，几止代码就能够弄定）。

  地点：https://www.npmjs.com/package/cropperjs 

gif.js

保举指数：⭐️⭐️⭐️⭐️⭐️
gif.js 是一个可间接正在浏览器上运转的 JavaScript GIF 编码器。间接天生gif。

  地点：https://www.npmjs.com/package/gif.js

LazyLoad 

保举指数：⭐️⭐️⭐️⭐️⭐️
Lazy Load赞助下度较少的网页停止提早载进图片，还没有浏览到该部门时，没有会载进视角中的图片，进步服从。衍死有也有vue-lazyload和react-lazyload。

  地点：https://www.lazyloadjs.cn/

前端国际化 

i18n

保举指数：⭐️⭐️⭐️⭐️⭐️

  地点：https://www.npmjs.com/package/i18n

视频/音频 

xgplayer

保举指数：⭐️⭐️⭐️⭐️⭐️
一款带剖析器、撑持音频、歌词剖析、能撙节流量的HTML5视频播放器。

  地点：https://v2.h5player.bytedance.com/

dplayer

保举指数：⭐️⭐️⭐️⭐️
一个很都雅的弹幕视频播放器。

  地点：http://dplayer.js.org/

video.js

保举指数：⭐️
Video.js 是一个通用的正在网页上嵌进视频播放器的 JS 库,Video.js 主动检测浏览器对 HTML5 的撑持状况,假如没有撑持 HTML5 则主动利用 Flash 播放器。道实的（欠好看且易改）

  地点：https://github.com/videojs/video.js

其他插件 

screenfull.js

保举指数：⭐️⭐️
浏览器齐屏插件，消弭浏览器差别。

  地点：https://www.npmjs.com/package/screenfull

highlight.js

保举指数：⭐️⭐️⭐️⭐️
针对Web法式所做的下明显现上色。

  地点：https://www.fenxianglu.cn/highlight.html 

---

以上是今朝总结出的经常使用的库，会不断更新，假如您也有好用的库要保举请正在批评区或公疑我们。
以上保举指数没有代表小我私家概念，只是一个统计。

免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！