2020最深欢迎的20个JavaScript 库

点赞再看，养成习惯 直接开门见山，看看有哪些好用受欢迎的库值得我们使用。1.nodemonGitHub：github.com/remy/nodemo…GitHub Stars:19.6 k在编写调试Node.js项目，修改代码后，需要频繁的手动close掉，然后再重新启动，非常繁琐。现在，我们可以使用nodemon这个工具，它的作用是监听代码文件的变动，当代码改变之后，自动重启。2.Sharp网址：sharp.pixelplumbing.com/en/stable/GitHub：github.com/lovell/shar…GitHub Stars:15 ksharp是 Node.js 平台上相当热门的一个图像处理库，其实际上是基于 C 语言编写 的 libvips 库封装而来，因此高性能也成了 sharp 的一大卖点。sharp 可以方便地实现常见的图片编辑操作，如裁剪、格式转换、旋转变换、滤镜添加等。我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流3000人裙：前面：851 中间：231 最后：348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。3.Fabric.js**网址：**fabricjs.com/GitHub：github.com/fabricjs/fa…GitHub Stars:14.6 kFabric 是一个强大而简单的 JS Canvas 库，我们能通过使用它实现在 Canvas 上创建、填充图形、给图形填充渐变颜色。 组合图形（包括组合图形、图形文字、图片等）等一系列功能。简单来说我们可以通过使用 Fabric 从而以较为简单的方式实现较为复杂的 Canvas 功能4.Immer网址：immerjs.github.io/immer/docs/…GitHub：github.com/immerjs/imm…GitHub Stars:14.3 kImmer是mobx的作者写的一个 immutable 库，核心实现是利用 ES6 的proxy，几乎以最小的成本实现了 js 的不可变数据结构，解决了许多日常开发中的棘手问题。5.Mark Text网址：marktext.app/GitHub：github.com/marktext/ma…GitHub Stars:14 kMark Text 所输及所见，摒弃了众多 markdown 编辑器左边写作右边预览的写作方式，巧妙的将编辑和预览融为一体6.React Testing Library网址：testing-library.com/reactGitHub：github.com/testing-lib…GitHub Stars:9.9 k简单而完整的React DOM测试实用程序，鼓励良好的测试实践7.PostGraphile文档：www.graphile.org/postgraphil…GitHub：github.com/graphile/po…GitHub Stars:8.2 kPostGraphile是即时GraphQL API。PostGraphile自动检测表、列、索引、关系、视图、类型、函数、注释等。8.Botpress网站地址：botpress.io/GitHub：github.com/botpress/bo…GitHub Stars:8.2 k一个用Javascript编写开源bot创建工具，它由社区建立的一组丰富源模块提供支持。 我们喜欢说Botpress就像Chatbots的Wordpress; 任何人都可以创建和重用其他人的模块。9.downshift网站地址：downshift.netlify.com/GitHub：github.com/downshift-j…GitHub Stars:7.7 kdownshift用于构建简单，灵活，符合 WAI-ARIA 标准的增强型输入React组件的原语10. NG Bootstrap网站地址：ng-bootstrap.github.io/#/homeGitHub：github.com/ng-bootstra…GitHub Stars:7.3 kNG Bootstrap是基于Angular开发的Bootstrap CSS框架的指令集，它是专为Bootstrap 4开发的Angular组件，由ui-bootstrap团队构建。11.Ajv网站地址：ajv.js.org/GitHub：github.com/epoberezkin…GitHub Stars:6.7 kAJV是一个基于JSON-Schema的依赖包，他可以将我们定义的Schema格式作为参数生成一个对象，使用这个对象的构造函数可以用于检测数据的合法性，除此之外还能够自定义directive来产生我们需要的format。12.Wiki.js网站地址：wiki.js.org/GitHub：github.com/Requarks/wi…GitHub Stars:6 kWiki.js是一个基于Node.js，Git和Markdown构建的免费开源，现代且功能强大的wiki应用程序。支持用户登录，可以让用户在本地注册或直接使用Microsoft，Google，GitHub等账户无缝登录体验，并选择限制对特定用户或甚至部分内容的Wiki访问。还可以定时远程备份数据到Git远程仓库。支持Windows，Linux和Mac平台，这里就说下Linux系统手动安装教程。13.KyGitHub：github.com/sindresorhu…GitHub Stars:5 kKy 是一个基于浏览器Fetch API的简洁优雅HTTP客户端。14.tui.chart网站地址：ui.toast.com/tui-chart/GitHub：github.com/nhn/tui.cha…GitHub Stars:4.4 ktui.chart是一个直观且易于应用漂亮的数据可视化图表。一个开源JavaScript库， 可以在包括IE8在内的传统浏览器中使用，使用许多选项和自定义主题更详细地更改图表。15.DuktapeGitHub：github.com/svaarala/du…GitHub Stars:4.2 kDuktape 是一个轻量级的嵌入式 JavaScript 引擎，专注于可移植性和低占用率。Duktape 可以被轻松地集成进一个 C/C++ 项目中：只需要将 duktape.c、duktape.h 和 duk_config.h 三个文件加入你的构建项目中，并使用 Duktape API 来实现 C 代码与 ECMAScript 函数的双向调用。16.vue-interactive-paycard事例：codepen.io/JavaScriptJ…GitHub：github.com/muhammederd…GitHub Stars:4 kvue-interactive-paycard是一种信用卡形式，具有流畅而微互动功能。 包括数字格式，验证和自动卡类型检测，使用Vue.js构建，并且具有充分的响应能力。17.node-qrcodeGitHub：github.com/soldair/nod…GitHub Stars:3.5 knode-qrcode是一个QR码/2d条码生成器。18.WebGLStudio.jsGitHub：github.com/jagenjo/web…GitHub Stars:3.6 kWebGLStudio.js是一个基于浏览器的开源3D图形套件。可以使用标准Web技术在浏览器中编辑场景和材质，设计效果和着色器。一些重要的WebGLStudio.js功能：完整的3D图形引擎（LiteScene.js），支持多个灯光，阴影贴图，实时反射，自定义材质，postFX，蒙皮，动画等等。一个易于使用，你所看到的是你得到的（WYSIWYG）编辑器，它为所有编码，图形合成和时间线功能提供单一界面。用于控制行为和后处理效果的图形编辑器。支持LiteFileSystem.js，这是一个虚拟文件系统，允许在Web上拖放存储资源，具有可配置的配额，用户和共享文件夹。通过发送单个链接导出和共享您的工作。19.vue-chartjs网站地址：vue-chartjs.org/GitHub：github.com/apertureles…GitHub Stars:3.4 kvue-chartjs让你在 Vue 中能更好的使用Chart.js。非常适合想要尽快启动和运行简单图表的人，它抽象了一些简单的逻辑, 但是也暴露了Chart.js对象, 提供了极大的灵活性。20.ScrollTrigger网站地址：terwanerik.github.io/ScrollTrigg…GitHub：github.com/terwanerik/…GitHub Stars:3.1 kScrollTrigger用于根据当前滚动位置触发类。 例如。 当元素进入视口时，将其淡入。可以为每个元素添加自定义偏移量，或在视口上设置偏移量（例如，始终在元素达到视口的20％之后触发）。

本文章由javascript技术分享原创和收集