34 个今年11月最受欢迎的 JavaScript 库
source link: https://juejin.im/post/5df65fbdf265da33d83e70b7
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
34 个今年11月最受欢迎的 JavaScript 库
作者:Iren Korkishko
译者:前端小智
来源:dev
点赞再看,养成习惯
本文 GitHub:github.com/qq449245884… 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
个人专栏 ES6 深入浅出已上线,深入ES6 ,通过案例学习掌握 ES6 中新特性一些使用技巧及原理,持续更新中,←点击可订阅。
直接开门见山,看看有哪些好用受欢迎的库值得我们使用。
1.nodemon
GitHub: 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 k
sharp
是 Node.js 平台上相当热门的一个图像处理库,其实际上是基于 C 语言编写 的 libvips 库封装而来,因此高性能也成了 sharp 的一大卖点。sharp 可以方便地实现常见的图片编辑操作,如裁剪、格式转换、旋转变换、滤镜添加等。
3.Fabric.js
**网址:**fabricjs.com/
GitHub: github.com/fabricjs/fa…
GitHub Stars: 14.6 k
Fabric
是一个强大而简单的 JS Canvas 库,我们能通过使用它实现在 Canvas
上创建、填充图形、给图形填充渐变颜色。 组合图形(包括组合图形、图形文字、图片等)等一系列功能。简单来说我们可以通过使用 Fabric
从而以较为简单的方式实现较为复杂的 Canvas
功能
4.Immer
网址: immerjs.github.io/immer/docs/…
GitHub: github.com/immerjs/imm…
GitHub Stars: 14.3 k
Immer
是 mobx 的作者写的一个 immutable 库,核心实现是利用 ES6 的 proxy
,几乎以最小的成本实现了 js 的不可变数据结构,解决了许多日常开发中的棘手问题。
5.Mark Text
网址: marktext.app/
GitHub: github.com/marktext/ma…
GitHub Stars: 14 k
Mark Text 所输及所见,摒弃了众多 markdown 编辑器左边写作右边预览的写作方式,巧妙的将编辑和预览融为一体。
6.React Testing Library
GitHub: 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 k
PostGraphile
是即时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 k
downshift
用于构建简单,灵活,符合 WAI-ARIA 标准的增强型输入React组件的原语
10. NG Bootstrap
网站地址: ng-bootstrap.github.io/#/home
GitHub: github.com/ng-bootstra…
GitHub Stars: 7.3 k
NG Bootstrap
是基于 Angular
开发的 Bootstrap CSS
框架的指令集,它是专为 Bootstrap 4
开发的 Angular
组件,由 ui-bootstrap
团队构建。
11.Ajv
网站地址: ajv.js.org/
GitHub: github.com/epoberezkin…
GitHub Stars: 6.7 k
AJV
是一个基于JSON-Schema
的依赖包,他可以将我们定义的Schema
格式作为参数生成一个对象,使用这个对象的构造函数可以用于检测数据的合法性,除此之外还能够自定义directive
来产生我们需要的format
。
12.Wiki.js
网站地址: wiki.js.org/
GitHub:github.com/Requarks/wi…
GitHub Stars: 6 k
Wiki.js
是一个基于Node.js
,Git
和Markdown
构建的免费开源,现代且功能强大的wiki
应用程序。支持用户登录,可以让用户在本地注册或直接使用Microsoft
,Google
,GitHub
等账户无缝登录体验,并选择限制对特定用户或甚至部分内容的Wiki访问。还可以定时远程备份数据到Git远程仓库。支持Windows
,Linux
和Mac
平台,这里就说下Linux
系统手动安装教程。
13.Ky
GitHub:github.com/sindresorhu…
GitHub Stars: 5 k
Ky
是一个基于浏览器Fetch API
的简洁优雅HTTP客户端。
14.tui.chart
网站地址: ui.toast.com/tui-chart/
GitHub:github.com/nhn/tui.cha…
GitHub Stars: 4.4 k
tui.chart
是一个直观且易于应用漂亮的数据可视化图表。一个开源JavaScript库,
可以在包括IE8在内的传统浏览器中使用,使用许多选项和自定义主题更详细地更改图表。
15.Duktape
GitHub:github.com/svaarala/du…
GitHub Stars: 4.2 k
Duktape
是一个轻量级的嵌入式 JavaScript 引擎,专注于可移植性和低占用率。
Duktape
可以被轻松地集成进一个 C/C++
项目中:只需要将 duktape.c
、duktape.h
和 duk_config.h
三个文件加入你的构建项目中,并使用 Duktape API 来实现 C 代码与 ECMAScript 函数的双向调用。
16.vue-interactive-paycard
GitHub:github.com/muhammederd…
GitHub Stars: 4 k
vue-interactive-paycard
是一种信用卡形式,具有流畅而微互动功能。 包括数字格式,验证和自动卡类型检测,使用Vue.js
构建,并且具有充分的响应能力。
17.node-qrcode
GitHub:github.com/soldair/nod…
GitHub Stars: 3.5 k
node-qrcode是
一个QR码/2d条码生成器。
18.WebGLStudio.js
GitHub:github.com/jagenjo/web…
GitHub Stars: 3.6 k
WebGLStudio.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 k
vue-chartjs
让你在 Vue 中能更好的使用 Chart.js
。非常适合想要尽快启动和运行简单图表的人,它抽象了一些简单的逻辑, 但是也暴露了 Chart.js
对象, 提供了极大的灵活性。
20.ScrollTrigger
网站地址: terwanerik.github.io/ScrollTrigg…
GitHub:github.com/terwanerik/…
GitHub Stars: 3.1 k
ScrollTrigger
用于根据当前滚动位置触发类。 例如。 当元素进入视口时,将其淡入。可以为每个元素添加自定义偏移量,或在视口上设置偏移量(例如,始终在元素达到视口的20%之后触发)。
21.Geolib
GitHub:github.com/manuelbieh/…
GitHub Stars: 2.9 k
Geolib
是一个提供基本地理空间操作的库,例如距离计算,将十进制坐标转换为六进制,反之亦然等,此库当前为2D。
22.progress-estimator
GitHub:github.com/bvaughn/pro…
GitHub Stars: 1.9 k
progress-estimator
:记录进度条并估算Promise完成所需的时间
23.node-oracledb
网站地址: oracle.github.io/node-oracle…
GitHub:github.com/oracle/node…
GitHub Stars: 1.7 k
node-oracledb
驱动程序连接到 Oracle
数据库,提高应用的速度、丰富应用的功能。它是一个具有 Apache 2.0 许可的开源项目。它由 Oracle
维护,仍在不断发展中。
24.node-mssql
网站地址: tediousjs.github.io/node-mssql
GitHub:github.com/tediousjs/n…
GitHub Stars: 1.6 k
node-mssql
是一个针对Node.js
的Microsoft SQL Server
客户端。
25. Proton
网站地址: a-jie.github.io/Proton/
GitHub:github.com/a-jie/Proto…
GitHub Stars: 1.5 k
Proton
是一个轻量级的 Javascript 粒子动画库。使用它可以很容易地创建各种各样的酷粒子效果。
26.litegraph.js
GitHub:github.com/jagenjo/lit…
GitHub Stars: 1.3 k
使用Javascript
编写的图形节点引擎和编辑器。
27.Ackee
网站地址: ackee.electerious.com/
GitHub:github.com/electerious…
GitHub Stars: 1.2 k
Ackee
是一个自托管的,基于Node.js
的分析工具,主要服务那些关心隐私的人。Ackee
在我们自己的服务器上运行,分析我们的网站流量,并在一个最小的界面中提供有用的统计数据。
28.SiriWave
GitHub:github.com/kopiro/siri…
GitHub Stars: 949
SiriWave
是使用Canvas API
以纯 JS 复制的 “Apple Siri”波形。
29.VSCode Glean
VSCode Glean
是一个扩展,它为你的React/Javascript/Typescript代码库提供重构工具。
GitHub:github.com/wix/vscode-…
GitHub Stars: 868
VSCode Glean
是一个扩展,可以为React/Javascript/Typescript
代码库提供重构工具
30.react-inlinesvg
GitHub:github.com/gilbarbara/…
GitHub Stars: 802
react-inlinesvg
是一个用于ReactJS的SVG
加载器组件
31.elm-live
网站地址: www.elm-live.com/
GitHub:github.com/wking-io/el…
GitHub Stars: 795
elm-live
是Elm
的一个灵活的开发服务器
32.foxr
GitHub:github.com/deepsweet/f…
GitHub Stars: 750
foxr
类似Puppeteer用于控制Firefox
的Node.js API。
33.cockatiel
GitHub:github.com/connor4312/…
GitHub Stars: 746
Cockatiel
是一个弹性和瞬态故障处理库,如重试,断路器,超时,隔板隔离和回退之类的策略。
34. Transloco
网站地址: transloco.netlify.com/
GitHub:github.com/ngneat/tran…
GitHub Stars: 594
Transloco
是Angular
的国际化(i18n)库。 它允许我们为内容定义不同语言的翻译,并在运行时轻松地在它们之间切换。
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
干货系列文章汇总如下,觉得不错点个Star,欢迎 加群 互相学习。
我是小智,公众号「大迁世界」作者,对前端技术保持学习爱好者。我会经常分享自己所学所看的干货,在进阶的路上,共勉!
关注公众号,后台回复福利,即可看到福利,你懂的。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK