直接開門見山，看看有哪些好用受歡迎的庫值得我們使用。

[[285695]]

1.nodemon

GitHub： https://github.com/remy/nodemon

GitHub Stars: 19.6 k

在編寫調(diào)試Node.js項(xiàng)目，修改代碼后，需要頻繁的手動close掉，然后再重新啟動，非常繁瑣?，F(xiàn)在，我們可以使用nodemon這個工具，它的作用是監(jiān)聽代碼文件的變動，當(dāng)代碼改變之后，自動重啟。

2.Sharp

網(wǎng)址：https://sharp.pixelplumbing.c...

GitHub： https://github.com/lovell/sharp

GitHub Stars: 15 k

sharp 是 Node.js 平臺上相當(dāng)熱門的一個圖像處理庫，其實(shí)際上是基于 C 語言編寫 的 libvips 庫封裝而來，因此高性能也成了 sharp 的一大賣點(diǎn)。sharp 可以方便地實(shí)現(xiàn)常見的圖片編輯操作，如裁剪、格式轉(zhuǎn)換、旋轉(zhuǎn)變換、濾鏡添加等。

3.Fabric.js

網(wǎng)址：http://fabricjs.com/

GitHub： https://github.com/fabricjs/f...

GitHub Stars: 14.6 k

Fabric 是一個強(qiáng)大而簡單的 JS Canvas 庫，我們能通過使用它實(shí)現(xiàn)在 Canvas 上創(chuàng)建、填充圖形、給圖形填充漸變顏色。 組合圖形(包括組合圖形、圖形文字、圖片等)等一系列功能。簡單來說我們可以通過使用 Fabric 從而以較為簡單的方式實(shí)現(xiàn)較為復(fù)雜的 Canvas 功能

4.Immer

網(wǎng)址： https://immerjs.github.io/imm...

GitHub： https://github.com/immerjs/immer

GitHub Stars: 14.3 k

Immer 是 mobx 的作者寫的一個 immutable 庫，核心實(shí)現(xiàn)是利用 ES6 的 proxy，幾乎以最小的成本實(shí)現(xiàn)了 js 的不可變數(shù)據(jù)結(jié)構(gòu)，解決了許多日常開發(fā)中的棘手問題。

5.Mark Text

網(wǎng)址： https://marktext.app/

GitHub： https://github.com/marktext/m...

GitHub Stars: 14 k

Mark Text 所輸及所見，摒棄了眾多 markdown 編輯器左邊寫作右邊預(yù)覽的寫作方式，巧妙的將編輯和預(yù)覽融為一體。

6.React Testing Library

網(wǎng)址： https://testing-library.com/r...

GitHub： https://github.com/testing-li...

GitHub Stars: 9.9 k

簡單而完整的React DOM測試實(shí)用程序，鼓勵良好的測試實(shí)踐。

7.PostGraphile

文檔： https://www.graphile.org/post...

GitHub： https://github.com/graphile/p...

GitHub Stars: 8.2 k

PostGraphile 是即時GraphQL API。PostGraphile自動檢測表、列、索引、關(guān)系、視圖、類型、函數(shù)、注釋等。

8.Botpress

網(wǎng)站地址： https://botpress.io/

GitHub： https://github.com/botpress/b...

GitHub Stars: 8.2 k

一個用Javascript編寫開源bot創(chuàng)建工具，它由社區(qū)建立的一組豐富源模塊提供支持。 我們喜歡說Botpress 就像Chatbots的Wordpress; 任何人都可以創(chuàng)建和重用其他人的模塊。

9.downshift

網(wǎng)站地址： https://downshift.netlify.com/

GitHub： https://github.com/downshift-...

GitHub Stars: 7.7 k

downshift 用于構(gòu)建簡單，靈活，符合 WAI-ARIA 標(biāo)準(zhǔn)的增強(qiáng)型輸入React組件的原語

10. NG Bootstrap

網(wǎng)站地址： https://ng-bootstrap.github.i...

GitHub： https://github.com/ng-bootstr...

GitHub Stars: 7.3 k

NG Bootstrap 是基于 Angular 開發(fā)的 Bootstrap CSS 框架的指令集，它是專為 Bootstrap 4 開發(fā)的 Angular 組件，由 ui-bootstrap 團(tuán)隊(duì)構(gòu)建。

11.Ajv

網(wǎng)站地址： https://ajv.js.org/

GitHub： https://github.com/epoberezki...

GitHub Stars: 6.7 k

AJV是一個基于JSON-Schema的依賴包，他可以將我們定義的Schema格式作為參數(shù)生成一個對象，使用這個對象的構(gòu)造函數(shù)可以用于檢測數(shù)據(jù)的合法性，除此之外還能夠自定義directive來產(chǎn)生我們需要的format。

12.Wiki.js

網(wǎng)站地址： https://wiki.js.org/

GitHub：https://github.com/Requarks/wiki

GitHub Stars: 6 k

Wiki.js是一個基于Node.js，Git和Markdown構(gòu)建的免費(fèi)開源，現(xiàn)代且功能強(qiáng)大的wiki應(yīng)用程序。支持用戶登錄，可以讓用戶在本地注冊或直接使用Microsoft，Google，GitHub等賬戶無縫登錄體驗(yàn)，并選擇限制對特定用戶或甚至部分內(nèi)容的Wiki訪問。還可以定時遠(yuǎn)程備份數(shù)據(jù)到Git遠(yuǎn)程倉庫。支持Windows，Linux和Mac平臺，這里就說下Linux系統(tǒng)手動安裝教程。

13.Ky

GitHub：https://github.com/sindresorh...

GitHub Stars: 5 k

Ky 是一個基于瀏覽器Fetch API的簡潔優(yōu)雅HTTP客戶端。

14.tui.chart

網(wǎng)站地址： https://ui.toast.com/tui-chart/

GitHub：https://github.com/nhn/tui.chart

GitHub Stars: 4.4 k

tui.chart是一個直觀且易于應(yīng)用漂亮的數(shù)據(jù)可視化圖表。一個開源JavaScript庫，

可以在包括IE8在內(nèi)的傳統(tǒng)瀏覽器中使用，使用許多選項(xiàng)和自定義主題更詳細(xì)地更改圖表。

15.Duktape

GitHub：https://github.com/svaarala/d...

GitHub Stars: 4.2 k

Duktape 是一個輕量級的嵌入式 JavaScript 引擎，專注于可移植性和低占用率。

Duktape 可以被輕松地集成進(jìn)一個 C/C++ 項(xiàng)目中：只需要將 duktape.c、duktape.h 和 duk_config.h 三個文件加入你的構(gòu)建項(xiàng)目中，并使用 Duktape API 來實(shí)現(xiàn) C 代碼與 ECMAScript 函數(shù)的雙向調(diào)用。

16.vue-interactive-paycard

事例： https://codepen.io/JavaScript...

GitHub：https://github.com/muhammeder...

GitHub Stars: 4 k

vue-interactive-paycard是一種信用卡形式，具有流暢而微互動功能。 包括數(shù)字格式，驗(yàn)證和自動卡類型檢測，使用Vue.js構(gòu)建，并且具有充分的響應(yīng)能力。

17.node-qrcode

GitHub：https://github.com/soldair/no...

GitHub Stars: 3.5 k

node-qrcode是一個QR碼/2d條碼生成器。

18.WebGLStudio.js

GitHub：https://github.com/jagenjo/we...

GitHub Stars: 3.6 k

WebGLStudio.js是一個基于瀏覽器的開源3D圖形套件。可以使用標(biāo)準(zhǔn)Web技術(shù)在瀏覽器中編輯場景和材質(zhì)，設(shè)計(jì)效果和著色器。

一些重要的WebGLStudio.js功能：

• 完整的3D圖形引擎(LiteScene.js)，支持多個燈光，陰影貼圖，實(shí)時反射，自定義材質(zhì)，postFX，蒙皮，動畫等等。
• 一個易于使用，你所看到的是你得到的(WYSIWYG)編輯器，它為所有編碼，圖形合成和時間線功能提供單一界面。
• 用于控制行為和后處理效果的圖形編輯器。
• 支持LiteFileSystem.js，這是一個虛擬文件系統(tǒng)，允許在Web上拖放存儲資源，具有可配置的配額，用戶和共享文件夾。
• 通過發(fā)送單個鏈接導(dǎo)出和共享您的工作。

19.vue-chartjs

網(wǎng)站地址： https://vue-chartjs.org/

GitHub：https://github.com/aperturele...

GitHub Stars: 3.4 k

vue-chartjs 讓你在 Vue 中能更好的使用 Chart.js 。非常適合想要盡快啟動和運(yùn)行簡單圖表的人，它抽象了一些簡單的邏輯, 但是也暴露了 Chart.js 對象, 提供了極大的靈活性。

20.ScrollTrigger

網(wǎng)站地址： https://terwanerik.github.io/...

GitHub：https://github.com/terwanerik...

GitHub Stars: 3.1 k

ScrollTrigger用于根據(jù)當(dāng)前滾動位置觸發(fā)類。 例如。 當(dāng)元素進(jìn)入視口時，將其淡入。可以為每個元素添加自定義偏移量，或在視口上設(shè)置偏移量(例如，始終在元素達(dá)到視口的20%之后觸發(fā))。

21.Geolib

GitHub：https://github.com/manuelbieh...

GitHub Stars: 2.9 k

Geolib是一個提供基本地理空間操作的庫，例如距離計(jì)算，將十進(jìn)制坐標(biāo)轉(zhuǎn)換為六進(jìn)制，反之亦然等,此庫當(dāng)前為2D。

22.progress-estimator

GitHub：https://github.com/bvaughn/pr...

GitHub Stars: 1.9 k

progress-estimator：記錄進(jìn)度條并估算Promise完成所需的時間

23.node-oracledb

網(wǎng)站地址： http://oracle.github.io/node-...

GitHub：https://github.com/oracle/nod...

GitHub Stars: 1.7 k

node-oracledb 驅(qū)動程序連接到 Oracle 數(shù)據(jù)庫，提高應(yīng)用的速度、豐富應(yīng)用的功能。它是一個具有 Apache 2.0 許可的開源項(xiàng)目。它由 Oracle 維護(hù)，仍在不斷發(fā)展中。

24.node-mssql

網(wǎng)站地址： https://tediousjs.github.io/n...

GitHub：https://github.com/tediousjs/...

GitHub Stars: 1.6 k

node-mssql是一個針對Node.js的Microsoft SQL Server客戶端。

25. Proton

網(wǎng)站地址： https://a-jie.github.io/Proton/

GitHub：https://github.com/a-jie/Proton

GitHub Stars: 1.5 k

Proton是一個輕量級的 Javascript 粒子動畫庫。使用它可以很容易地創(chuàng)建各種各樣的酷粒子效果。

26.litegraph.js

GitHub：https://github.com/jagenjo/li...

GitHub Stars: 1.3 k

使用Javascript編寫的圖形節(jié)點(diǎn)引擎和編輯器。

27.Ackee

網(wǎng)站地址： https://ackee.electerious.com/

GitHub：https://github.com/electeriou...

GitHub Stars: 1.2 k

Ackee是一個自托管的，基于Node.js的分析工具，主要服務(wù)那些關(guān)心隱私的人。Ackee在我們自己的服務(wù)器上運(yùn)行，分析我們的網(wǎng)站流量，并在一個最小的界面中提供有用的統(tǒng)計(jì)數(shù)據(jù)。

28.SiriWave

GitHub：https://github.com/kopiro/sir...

GitHub Stars: 949

SiriWave是使用Canvas API以純 JS 復(fù)制的 “Apple Siri”波形。

29.VSCode Glean

VSCode Glean是一個擴(kuò)展，它為你的React/Javascript/Typescript代碼庫提供重構(gòu)工具。

GitHub：https://github.com/wix/vscode...

GitHub Stars: 868

VSCode Glean 是一個擴(kuò)展，可以為React/Javascript/Typescript代碼庫提供重構(gòu)工具

 

 

 

 

30.react-inlinesvg

事例： https://codesandbox.io/s/j25bv

GitHub：https://github.com/gilbarbara...

GitHub Stars: 802

react-inlinesvg是一個用于ReactJS的SVG加載器組件

31.elm-live

網(wǎng)站地址： https://www.elm-live.com/

GitHub：https://github.com/wking-io/e...

GitHub Stars: 795

elm-live是Elm的一個靈活的開發(fā)服務(wù)器

32.foxr

GitHub：https://github.com/deepsweet/...

GitHub Stars: 750

foxr 類似Puppeteer用于控制Firefox的Node.js API。

33.cockatiel

GitHub：https://github.com/deepsweet/...

GitHub Stars: 746

Cockatiel是一個彈性和瞬態(tài)故障處理庫，如重試，斷路器，超時，隔板隔離和回退之類的策略。

34. Transloco

網(wǎng)站地址： https://transloco.netlify.com/

GitHub：https://github.com/ngneat/tra...

GitHub Stars: 594

Transloco 是Angular的國際化(i18n)庫。 它允許我們?yōu)閮?nèi)容定義不同語言的翻譯，并在運(yùn)行時輕松地在它們之間切換。