2020年11个热门JavaScript 库

痛定思痛。 2023-02-13 11:38 125阅读 0赞

web前端开发人员经常会用到一些现成的js库（框架）。框架的使用增加了代码的模块化和可复用性，目前主流的js框架有很多，各有侧重，我们通常只会用到其中一小部分子功能，这里总结了2020年11个热门JavaScript 库。

![format_png][]

1： D3.js

star:91.5k  
文档： [https://d3js.org/][https_d3js.org]  
GitHub地址：[https://github.com/d3/d3][https_github.com_d3_d3]

一个基于数据操作文档的js数据可视化框架，最流行的可视化库之一。

![format_png 1][]

2： Three.js

star:60.5k  
文档： [https://threejs.org/][https_threejs.org]  
GitHub地址：[https://github.com/mrdoob/three.js][https_github.com_mrdoob_three.js]

Three.js 是一款运行在浏览器中的 3D 引擎，可以用来创建各种三维场景，包括了摄影机、光影、材质等各种对象，也支持其他渲染器。

3：Chart.js

star:48.7k  
中文网：[http://chartjs.cn][http_chartjs.cn]  
GitHub地址：[https://github.com/nnnick/Chart.js][https_github.com_nnnick_Chart.js]  
使用HTML5 Canvas元素的Javascript图形库,支持6种统计图形,不依赖其他库。

![format_png 2][]

4： Lodash.js

star:44.7k  
文档： [https://lodash.com/][https_lodash.com]  
GitHub地址：[https://github.com/lodash/lodash][https_github.com_lodash_lodash]

是一个一致性、模块化、高性能的 JavaScript 实用工具库。

![format_png 3][]

5：Moment.js

star：44k  
文档： [https://momentjs.com/][https_momentjs.com]  
GitHub地址： [https://github.com/moment/moment][https_github.com_moment_moment]

Moment.js 是一个 JavaScript 日期处理类库（处理时间格式化的npm包）,用于解析、检验、操作、以及显示日期，在新公司的项目中,大量使用Moment来处理时间日期,非常方便好用。

![format_png 4][]

6： Immutable.js

star：29.7k  
文档： [https://immutable-js.github.io/immutable-js/][https_immutable-js.github.io_immutable-js]  
GitHub地址： [https://github.com/immutable-js/immutable-js][https_github.com_immutable-js_immutable-js]

![format_png 5][]

7：Leaflet.js

star：27.8k

文档： [https://leafletjs.com/][https_leafletjs.com]  
GitHub地址： [https://github.com/Leaflet/Leaflet][https_github.com_Leaflet_Leaflet]

Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。常常被用于需要展示地理位置的项目。

![format_png 6][]

8： underscore.js

star：25.3k  
[https://github.com/jashkenas/underscore][https_github.com_jashkenas_underscore]  
Underscore是一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象

9： Hammer.js

star：21.3k  
GitHub地址： [https://github.com/hammerjs/hammer.js][https_github.com_hammerjs_hammer.js]  
文档： [http://hammerjs.github.io/][http_hammerjs.github.io]

Hammer.js是一个 JS 库，可为Web应用程序带来多点触摸手势。 它很小，没有任何依赖性，并且可以识别由触摸，鼠标或指针事件产生的手势。

![format_png 7][]

图片.png

10：Ramda.js

star：18.9k  
GitHub地址：[https://github.com/ramda/ramda][https_github.com_ramda_ramda]  
文档：[https://ramdajs.com/docs/][https_ramdajs.com_docs]

Ramda 的目标更为专注：专门为函数式编程风格而设计，更容易创建函数式 pipeline、且从不改变用户已有数据。

![format_png 8][]

11： Highlight.js

star：16.4k  
文档： [https://highlightjs.org/][https_highlightjs.org]  
GitHub地址： [https://github.com/highlightjs/highlight.js][https_github.com_highlightjs_highlight.js]

Highlight.js 是一个用于语法高亮显示的库，可在浏览器和服务器上使用。 它几乎可以与任何Markdown一起使用，并具有自动语言检测功能。

![format_png 9][]

![format_png 10][]

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LWIzMGZhZWY3ZjExOWU5NjcucG5n?x-oss-process=image/format,png
[https_d3js.org]: https://links.jianshu.com/go?to=https%3A%2F%2Fd3js.org%2F
[https_github.com_d3_d3]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fd3%2Fd3
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTRlNmQ2YTU4NWJkODI5YzMucG5n?x-oss-process=image/format,png
[https_threejs.org]: https://links.jianshu.com/go?to=https%3A%2F%2Fthreejs.org%2F
[https_github.com_mrdoob_three.js]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fmrdoob%2Fthree.js
[http_chartjs.cn]: https://links.jianshu.com/go?to=http%3A%2F%2Fchartjs.cn
[https_github.com_nnnick_Chart.js]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fnnnick%2FChart.js
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTBjMWYyNzFlNjljODllMjcucG5n?x-oss-process=image/format,png
[https_lodash.com]: https://links.jianshu.com/go?to=https%3A%2F%2Flodash.com%2F
[https_github.com_lodash_lodash]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Flodash%2Flodash
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTVlYzEzMWE4ZWVhYmU2MzcucG5n?x-oss-process=image/format,png
[https_momentjs.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fmomentjs.com%2F
[https_github.com_moment_moment]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fmoment%2Fmoment
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTdlMGVjODVlNjhmMjMzYjMucG5n?x-oss-process=image/format,png
[https_immutable-js.github.io_immutable-js]: https://links.jianshu.com/go?to=https%3A%2F%2Fimmutable-js.github.io%2Fimmutable-js%2F
[https_github.com_immutable-js_immutable-js]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fimmutable-js%2Fimmutable-js
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTE0MWU4YjIxMGM1MWEzMzQucG5n?x-oss-process=image/format,png
[https_leafletjs.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fleafletjs.com%2F
[https_github.com_Leaflet_Leaflet]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FLeaflet%2FLeaflet
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTNkMzhhNDZiYjYwZjc1MjEucG5n?x-oss-process=image/format,png
[https_github.com_jashkenas_underscore]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fjashkenas%2Funderscore
[https_github.com_hammerjs_hammer.js]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fhammerjs%2Fhammer.js
[http_hammerjs.github.io]: https://links.jianshu.com/go?to=http%3A%2F%2Fhammerjs.github.io%2F
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTczYTVmYzc2YzY5Y2JkYWMucG5n?x-oss-process=image/format,png
[https_github.com_ramda_ramda]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Framda%2Framda
[https_ramdajs.com_docs]: https://links.jianshu.com/go?to=https%3A%2F%2Framdajs.com%2Fdocs%2F
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTYxOTQ4ZjBiODkzY2Y1YzgucG5n?x-oss-process=image/format,png
[https_highlightjs.org]: https://links.jianshu.com/go?to=https%3A%2F%2Fhighlightjs.org%2F
[https_github.com_highlightjs_highlight.js]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fhighlightjs%2Fhighlight.js
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTM0NzliZmJhNjBkODBhODMucG5n?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTlhZGM5NmY0MzViMTQzNGUucG5n?x-oss-process=image/format,png