2020年面向前端開發人員的10個很棒的 JS 庫

點贊再看，養成習慣~

前言

雖然JavaScript自己很棒，但有它對應生態圈也很重要，這些圈會讓 JS 更好。開發人員在開始一個新的中等項目時常常喜歡從新寫輪子，這是一個糟糕的策略，使用第三方庫是有意義的。由於這樣的庫有明確的用途，有更長生成的迭代，若是遇到問題更容易找到解決方法，最主要的一點是提升開發效率，縮短開發週期。

 這裏並非說咱們每一個項目都要使用第三方庫。 在咱們的職業生涯初期，最好本身能編寫代碼以進行學習。 可是在許多項目中，在有意義的地方使用庫是一個不錯的策略。 

 這裏推薦 10 個 JS 庫，這些庫都有很好的文檔，也很是流行，並一直在維護中。

1. Ramda 

github:https://github.com/ramda/ramda 

 文檔：https://ramdajs.com/docs/

 Ramda 是一個用於函數式編程的很酷的 JS 庫，目前在GitHub上有18000個星星。JS 的一個優勢是開發人員能夠選擇函數式編程仍是面向對象編程。這兩種方法各有利弊，可是若是你喜歡函數式編程，那麼必定要看看Ramda。

 主要功能是： 

不變性和無反作用的函數 

幾乎全部的函數都是自動柯里化的 

參數設置爲Ramda函數，便於進行柯里化 

2. Lodash 

github: https://github.com/lodash/lodash 

 文檔： https://lodash.com/

 Lodash仍然是最流行和最有用的 JS 庫之一。它免去了處理字符串、數組、對象等的麻煩。目前它在GitHub上有43000顆星星。 

 有用的功能： 遍歷字符串，對象和數組 建立複合函數 操做和測試值

 3. Moment 

github: https://github.com/moment/moment 

 文檔： https://momentjs.com/  

若是必須處理日期的操做、驗證、解析或格式化，Moment多是最好的 JS 庫。它很輕，很完善，在GitHub上有43000多顆星，它能夠在瀏覽器和Node.js中工做。 

如下是一些有關Moment的示例：

你們都說簡歷沒項目寫，我就幫你們找了一個項目，還附贈搭建教程：github.com/qq449245884…

 4. Highlight.js

 github: https://github.com/highlightj... 

 文檔： https://highlightjs.org/  

Highlight.js 是一個用於語法高亮顯示的庫，可在瀏覽器和服務器上使用。 它幾乎能夠與任何Markdown一塊兒使用，並具備自動語言檢測功能。  

Highlight.js將在<pre> <code>標記之間搜索編程代碼，嘗試自動檢測語言並突出顯示語法。 它還支持不一樣的配色方案。  

下面是一個用 JS 編寫的代碼片斷和來自代碼編輯器的公共主題的示例

5. D3 

github: https://github.com/d3/d3 

 文檔： https://d3js.org/  

D3是最流行的數據可視化庫，目前在GitHub上有89,500星。 它使用Web標準，並利用現代瀏覽器的強大功能，使數據栩栩如生。 

6. Three.js 

github.com/mrdoob/thre…

 文檔： https://threejs.org/ 

Three.js是出色的JS 3D庫，它使用 WebGL 做爲主要渲染器，但也支持其餘渲染器，例如Canvas 2D，SVG和CSS3D。 它在GitHub上有58,000個Star，咱們能夠用它建立很是酷的東西。

7. Voca 

github: https://github.com/panzerdp/voca 

 文檔： https://vocajs.com/ 

Voca是一個用於處理字符串的優秀 JS 庫。目前在GitHub上有2,800顆星。咱們可使用它來操做字符串，如更改大小寫、修剪、pad、slugify、latinise、截斷、轉義等。 

 其餘功能包括：

 完整的函數集，可操縱，chop，格式化，轉義和查詢字符串 

易於閱讀和搜索的文檔 

支持多種環境，例如 Chrome，Firefox，Node.js 

100％的代碼覆蓋率，沒有依賴性 

8. Immutable.js

 github: https://github.com/immutable-... 

 文檔： https://immutable-js.github.i...

 使用不可變數據結構具備一些主要優勢，例如簡化了應用程序開發，無防護性拷貝以及高級緩存概念。 Immutable.js供了不變的數據結構，如列表，堆棧，映射，集合等。

 9. Hammer.js

 github: https://github.com/hammerjs/h... 

 文檔： http://hammerjs.github.io/  

Hammer.js是一個 JS 庫，具備20,900個GitHub Stars，可爲Web應用程序帶來多點觸摸手勢。 它很小，沒有任何依賴性，而且能夠識別由觸摸，鼠標或指針事件產生的手勢。 

默認狀況下，它會添加用於點擊，雙擊，滑動，按下等的識別器，可是您能夠定義本身的此類識別器集。

 10. Leaflet 

github: https://github.com/Leaflet/Le... 

 文檔： https://leafletjs.com/ 

 在建立移動友好的交互式地圖時，Leaflet 是一個很棒的 JS 庫。它是開源的，在GitHub上有26700個星星，很是輕量，而且擁有大多數開發人員須要的全部特性。  

它能夠在全部主流的移動和桌面平臺上開箱即用，能夠經過插件進行擴展，而且有一個文檔良好的、簡單的API。 

交流

喜歡本文的，麻煩點贊，收藏，轉發啦，在學習web前端的過程當中，每每由於沒有資料或者沒人指導從而導本身不想學，所以我特地準備了個羣545667817，配套資料能夠找管理小姐姐領取！不論是學習到哪一個階段的小夥伴均可以獲取到本身相對應的資料，點贊收藏進羣的小夥伴還有機會獲取實體web前端學習書籍，感謝支持！！！

原文連接： segmentfault.com/a/119000002…

原文做者：前端小智

原文出處：segmentfault