作者:Iren Korkishko

译者:前端小智

来源:dev

点赞再看,养成习惯

本文 GitHub:github.com/qq449245884… 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。

直接开门见山,看看有哪些好用受欢迎的库值得我们使用。

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

网址: testing-library.com/react

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 就像ChatbotsWordpress; 任何人都可以创建和重用其他人的模块。

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.jsGitMarkdown构建的免费开源,现代且功能强大的wiki应用程序。支持用户登录,可以让用户在本地注册或直接使用MicrosoftGoogleGitHub等账户无缝登录体验,并选择限制对特定用户或甚至部分内容的Wiki访问。还可以定时远程备份数据到Git远程仓库。支持WindowsLinuxMac平台,这里就说下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.cduktape.h 和 duk_config.h 三个文件加入你的构建项目中,并使用 Duktape API 来实现 C 代码与 ECMAScript 函数的双向调用。

16.vue-interactive-paycard

事例: codepen.io/JavaScriptJ…

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.jsMicrosoft 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

事例: codesandbox.io/s/j25bv

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-liveElm的一个灵活的开发服务器

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)库。 它允许我们为内容定义不同语言的翻译,并在运行时轻松地在它们之间切换。


原文:dev.to/iriskatasti…

代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug

34 个今年11月最受欢迎的 JavaScript 库的更多相关文章

  1. 2016 年 11 月 12 个轻量级的 JavaScript 库

    https://www.oschina.net/news/79316/2016-11-javascript-library?from=20161127

  2. psp进度(11月25号-31号)

    本周psp进度 11月25号 内容 开始时间 结束时间 打断时间 净时间 处理数据集  9:27  11:34  12m  115m 11月27号 内容 开始时间 结束时间 打断时间 净时间  scr ...

  3. Autodesk 2013开发者日(DevDays)又要来了 -- 北京(2013年11月7日)和上海(2013年11月11日)

    各位, 一年一度的Autodesk 开发者日(Devdays)开始注册了,抓紧时间前排占座! 注册地址: www.autodesk.com.cn/adndevday2013 今年开发者日的主题:革命性 ...

  4. 2014年11月17~11月18日,杨学明老师《企业IT需求收集和实施》内训在湖南长沙某酒店成功举办!

    2014年11月17至18日,受湖南某软件企业的邀请,杨学明老师<企业IT需求收集和实施>内训在某长沙某五星级酒店成功举办!来自全国各地的IT高管和企业负责人参加了此次培训.杨学明老师分别 ...

  5. Apache Struts最新漏洞 远程代码执行漏洞预警 2018年11月08日

    2018年11月8日,SINE安全监控检测中心,检测到Apache Struts官方更新了一个Struts漏洞补丁,这个漏洞是Apache Struts目前最新的漏洞,影响范围较广,低于Apache ...

  6. 「P4994」「洛谷11月月赛」 终于结束的起点(枚举

    题目背景 终于结束的起点终于写下句点终于我们告别终于我们又回到原点…… 一个个 OIer 的竞赛生涯总是从一场 NOIp 开始,大多也在一场 NOIp 中结束,好似一次次轮回在不断上演.如果这次 NO ...

  7. 11月1号开学! 《jmeter性能测试实战》崭新亮相!

    课程介绍 第10期<jmeter性能测试实战>课程,11月2号开学!全新改版,和之前的课程框架完全不同 主讲老师:飞天小子 上课方式:每周六周日晚8点到10点,QQ群视频在线直播教学 本期 ...

  8. .NET Conf 2022 &ndash; 11 月 8 日至 10 日

    .NET Conf 2022 下周就正式开启了,时间是美国时间的 11月8日至10日..NET Conf 2022是一个免费的,为期三天的, 虚拟开发人员活动提供多种实时会话,其中包括来自社区和 .N ...

  9. 本周psp(11月17-23)

    本周psp进度 11月19号 内容 开始时间 结束时间 打断时间 净时间 发布读书笔记 11:05 11:25 0 20m 看构建之法书 9:50 10:48 5m 53m 11月20号 内容 开始时 ...

随机推荐

  1. 深入浅出《设计模式》之工厂模式(C++)

    前言 模式介绍 在之前简单工厂模式中,我们介绍了简单工厂模式的缺陷是违背了开放-封闭原则.如果在面馆中添加了烤海参,那将会修改waiter工厂类.违背了类内封闭原则. 还以面馆为例,现在两种面,用一个 ...

  2. i春秋四周年庆典狂欢丨价值6000元的Web安全课程免费送啦

    重磅好消息 i春秋四周年庆典狂欢 感恩回馈新老用户 5888元的Web安全线上提高班 988元的Web安全线上入门班 免费送啦 快来围观 活动详情 1.活动时间:6月17日—6月30日 2.活动规则: ...

  3. 3. 移动安全渗透测试-(Android基础漏洞)

    3.1 数据存储漏洞 用户经常会把敏感数据交给app,比如:用户名and密码认证令牌联系人记录通信记录历史使用记录..... 只要愿意,app可以收集这些用户的隐私和个人信息明文存储或明文传输,通常保 ...

  4. 网页跳H5实例

    public static void CheckAgent() { string redirect = string.Empty; string agent = HttpContext.Current ...

  5. ezdml设计数据库

    数据结构和设计的介绍 ezdml软件:https://www.lanzous.com/i6ew2pe 1 用ezdml设计数据表然后导出到mysql数据库中 点击生成模型 2 选择库 3 点击开始生成

  6. 算法学习day01 栈和队列

    1,设计一个算法利用顺序栈的基本运算判断一个字符串是否是回文 解题思路:      由于回文是从前到后和从后到前读都是一样的,所以只要将待判断的字符串颠倒 然后与原字符串相比较,就可以决定是否是回文了 ...

  7. v8

    V8 - 开源,由Google开发,用C ++编写 Rhin- 由Mozilla基金会开源,完全用Java开发 SpiderMonkey 第一个JavaScript引擎,Netscape Naviga ...

  8. Maven 拥有三套相互独立的生命周期:clean、default、site

    table th:nth-of-type(1) { width: 70px; } table th:nth-of-type(2) { width: 100px; } 生命周期 目的 包含的阶段 cle ...

  9. Maven 中 dependencyManagement 元素,知识点

    Maven 提供的 dependencyManagement 元素既能让子模块继承到父模块的依赖配置,又能保证子模块依赖使用的灵活性.在 dependencyManagement 元素下的依赖声明不会 ...

  10. WIN10安装64位JDK10.0.2详细完整教程(图文)

    1.下载JDK 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 1)如下图,点击红色箭头处: 2)如下图 ...