34 個今年11月最受歡迎的 JavaScript 庫

做者：Iren Korkishko
譯者：前端小智
來源：dev

我的專欄 ES6 深刻淺出已上線，深刻ES6 ，經過案例學習掌握 ES6 中新特性一些使用技巧及原理，持續更新中，←點擊可訂閱。

點贊再看，養成習慣

本文 GitHub https://github.com/qq44924588... 上已經收錄，更多往期高贊文章的分類，也整理了不少個人文檔，和教程資料。歡迎Star和完善，你們面試能夠參照考點複習，但願咱們一塊兒有點東西。

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

1.nodemon

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

GitHub Stars: 19.6 k

在編寫調試Node.js項目，修改代碼後，須要頻繁的手動close掉，而後再從新啓動，很是繁瑣。如今，咱們可使用nodemon這個工具，它的做用是監聽代碼文件的變更，當代碼改變以後，自動重啓。

2.Sharp

網址：https://sharp.pixelplumbing.c...

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

GitHub Stars: 15 k

sharp 是 Node.js 平臺上至關熱門的一個圖像處理庫，其其實是基於 C 語言編寫 的 libvips 庫封裝而來，所以高性能也成了 sharp 的一大賣點。sharp 能夠方便地實現常見的圖片編輯操做，如裁剪、格式轉換、旋轉變換、濾鏡添加等。

3.Fabric.js

網址：http://fabricjs.com/

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

GitHub Stars: 14.6 k

Fabric 是一個強大而簡單的 JS Canvas 庫，咱們能經過使用它實如今 Canvas 上建立、填充圖形、給圖形填充漸變顏色。 組合圖形（包括組合圖形、圖形文字、圖片等）等一系列功能。簡單來講咱們能夠經過使用 Fabric 從而以較爲簡單的方式實現較爲複雜的 Canvas 功能

4.Immer

網址： https://immerjs.github.io/imm...

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

GitHub Stars: 14.3 k

Immer 是 mobx 的做者寫的一個 immutable 庫，核心實現是利用 ES6 的 proxy，幾乎以最小的成本實現了 js 的不可變數據結構，解決了許多平常開發中的棘手問題。

5.Mark Text

網址： https://marktext.app/

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

GitHub Stars: 14 k

Mark Text 所輸及所見，摒棄了衆多 markdown 編輯器左邊寫做右邊預覽的寫做方式，巧妙的將編輯和預覽融爲一體。

6.React Testing Library

網址： https://testing-library.com/r...

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

GitHub Stars: 9.9 k

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

7.PostGraphile

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

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

GitHub Stars: 8.2 k

PostGraphile 是即時GraphQL API。PostGraphile自動檢測表、列、索引、關係、視圖、類型、函數、註釋等。

8.Botpress

網站地址： https://botpress.io/

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

GitHub Stars: 8.2 k

一個用Javascript編寫開源bot建立工具，它由社區創建的一組豐富源模塊提供支持。 咱們喜歡說Botpress 就像Chatbots的Wordpress; 任何人均可以建立和重用其餘人的模塊。

9.downshift

網站地址： https://downshift.netlify.com/

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

GitHub Stars: 7.7 k

downshift 用於構建簡單，靈活，符合 WAI-ARIA 標準的加強型輸入React組件的原語

10. NG Bootstrap

網站地址： https://ng-bootstrap.github.i...

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

GitHub Stars: 7.3 k

NG Bootstrap 是基於 Angular 開發的 Bootstrap CSS 框架的指令集，它是專爲 Bootstrap 4 開發的 Angular 組件，由 ui-bootstrap 團隊構建。

11.Ajv

網站地址： https://ajv.js.org/

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

GitHub Stars: 6.7 k

AJV是一個基於JSON-Schema的依賴包，他能夠將咱們定義的Schema格式做爲參數生成一個對象，使用這個對象的構造函數能夠用於檢測數據的合法性，除此以外還可以自定義directive來產生咱們須要的format。

12.Wiki.js

網站地址： https://wiki.js.org/

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

GitHub Stars: 6 k

Wiki.js是一個基於Node.js，Git和Markdown構建的免費開源，現代且功能強大的wiki應用程序。支持用戶登陸，可讓用戶在本地註冊或直接使用Microsoft，Google，GitHub等帳戶無縫登陸體驗，並選擇限制對特定用戶或甚至部份內容的Wiki訪問。還能夠定時遠程備份數據到Git遠程倉庫。支持Windows，Linux和Mac平臺，這裏就說下Linux系統手動安裝教程。

13.Ky

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

GitHub Stars: 5 k

Ky 是一個基於瀏覽器Fetch API的簡潔優雅HTTP客戶端。

14.tui.chart

網站地址： https://ui.toast.com/tui-chart/

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

GitHub Stars: 4.4 k

tui.chart是一個直觀且易於應用漂亮的數據可視化圖表。一個開源JavaScript庫，
能夠在包括IE8在內的傳統瀏覽器中使用，使用許多選項和自定義主題更詳細地更改圖表。

15.Duktape

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

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

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

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

GitHub Stars: 4 k

vue-interactive-paycard是一種信用卡形式，具備流暢而微互動功能。 包括數字格式，驗證和自動卡類型檢測，使用Vue.js構建，而且具備充分的響應能力。

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圖形套件。可使用標準Web技術在瀏覽器中編輯場景和材質，設計效果和着色器。

一些重要的WebGLStudio.js功能：

• 完整的3D圖形引擎（LiteScene.js），支持多個燈光，陰影貼圖，實時反射，自定義材質，postFX，蒙皮，動畫等等。
• 一個易於使用，你所看到的是你獲得的（WYSIWYG）編輯器，它爲全部編碼，圖形合成和時間線功能提供單一界面。
• 用於控制行爲和後處理效果的圖形編輯器。
• 支持LiteFileSystem.js，這是一個虛擬文件系統，容許在Web上拖放存儲資源，具備可配置的配額，用戶和共享文件夾。
• 經過發送單個連接導出和共享您的工做。

19.vue-chartjs

網站地址： https://vue-chartjs.org/

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

GitHub Stars: 3.4 k

vue-chartjs 讓你在 Vue 中能更好的使用 Chart.js 。很是適合想要儘快啓動和運行簡單圖表的人，它抽象了一些簡單的邏輯, 可是也暴露了 Chart.js 對象, 提供了極大的靈活性。

20.ScrollTrigger

網站地址： https://terwanerik.github.io/...

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

GitHub Stars: 3.1 k

ScrollTrigger用於根據當前滾動位置觸發類。 例如。 當元素進入視口時，將其淡入。能夠爲每一個元素添加自定義偏移量，或在視口上設置偏移量（例如，始終在元素達到視口的20％以後觸發）。

21.Geolib

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

GitHub Stars: 2.9 k

Geolib是一個提供基本地理空間操做的庫，例如距離計算，將十進制座標轉換爲六進制，反之亦然等,此庫當前爲2D。

22.progress-estimator

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

GitHub Stars: 1.9 k

progress-estimator：記錄進度條並估算Promise完成所需的時間

23.node-oracledb

網站地址： http://oracle.github.io/node-...

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

GitHub Stars: 1.7 k

node-oracledb 驅動程序鏈接到 Oracle 數據庫，提升應用的速度、豐富應用的功能。它是一個具備 Apache 2.0 許可的開源項目。它由 Oracle 維護，仍在不斷髮展中。

24.node-mssql

網站地址： https://tediousjs.github.io/n...

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

GitHub Stars: 1.6 k

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

25. Proton

網站地址： https://a-jie.github.io/Proton/

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

GitHub Stars: 1.5 k

Proton是一個輕量級的 Javascript 粒子動畫庫。使用它能夠很容易地建立各類各樣的酷粒子效果。

26.litegraph.js

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

GitHub Stars: 1.3 k

使用Javascript編寫的圖形節點引擎和編輯器。

27.Ackee

網站地址： https://ackee.electerious.com/

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

GitHub Stars: 1.2 k

Ackee是一個自託管的，基於Node.js的分析工具，主要服務那些關心隱私的人。Ackee在咱們本身的服務器上運行，分析咱們的網站流量，並在一個最小的界面中提供有用的統計數據。

28.SiriWave

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

GitHub Stars: 949

SiriWave是使用Canvas API以純 JS 複製的 「Apple Siri」波形。

29.VSCode Glean

VSCode Glean是一個擴展，它爲你的React/Javascript/Typescript代碼庫提供重構工具。

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

GitHub Stars: 868

VSCode Glean 是一個擴展，能夠爲React/Javascript/Typescript代碼庫提供重構工具

30.react-inlinesvg

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

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

GitHub Stars: 802

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

31.elm-live

網站地址： https://www.elm-live.com/

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

GitHub Stars: 795

elm-live是Elm的一個靈活的開發服務器

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是一個彈性和瞬態故障處理庫，如重試，斷路器，超時，隔板隔離和回退之類的策略。

34. Transloco

網站地址： https://transloco.netlify.com/

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

GitHub Stars: 594

Transloco 是Angular的國際化（i18n）庫。 它容許咱們爲內容定義不一樣語言的翻譯，並在運行時輕鬆地在它們之間切換。

---

原文：https://dev.to/iriskatastic/3...

代碼部署後可能存在的BUG無法實時知道，過後爲了解決這些BUG，花了大量的時間進行log 調試，這邊順便給你們推薦一個好用的BUG監控工具 Fundebug。

---

交流

乾貨系列文章彙總以下，以爲不錯點個Star，歡迎 加羣 互相學習。

https://github.com/qq44924588...

我是小智，公衆號「大遷世界」做者，對前端技術保持學習愛好者。我會常常分享本身所學所看的乾貨，在進階的路上，共勉！

關注公衆號，後臺回覆福利，便可看到福利，你懂的。