英文 | https://javascript.plainenglish.io/11-javascript-libraries-that-every-beginner-shouldnt-miss-43ef8d8b51a0

翻譯 | web前端開發(fā)

近年來，我們大家都看到JavaScript像野火一樣傳播，設(shè)法進入編程的每個領(lǐng)域，成為世界上最常用的語言之一。

同樣，JavaScript框架和庫的數(shù)量呈指數(shù)增長，對于技術(shù)發(fā)展來講，這是件好事，但同時，也要求開發(fā)者們不斷學(xué)習(xí)與接觸新的知識，正因為不斷有新的技術(shù)出來，在很多時候，技術(shù)的成熟性，也大大縮短了開發(fā)時間。

但是，在面對如此多的選擇時，有時候，你可能也會有些束手無策。除了最常用的jQuery，React，Vue等這些JavaScript開發(fā)中著名的庫外，還有一些在開發(fā)者社區(qū)里廣為人知的庫，也值得我們大家深入研究學(xué)習(xí)。

而今天，我要跟大家分享的這些庫，就是我自己在開發(fā)中會用到的一些庫，如果你還有更好的工具，也記得在留言區(qū)跟我們進行分享。

現(xiàn)在，我按用途將它們進行區(qū)分：

圖表

1、D3.js圖表

該庫通常被JavaScript社區(qū)視為最強大的數(shù)據(jù)可視化工具。它有一個充滿插件和其他可集成庫的生態(tài)系統(tǒng)。

它具有非常舒適和實用的各種功能，該開源庫遵守所有W3C標(biāo)準(zhǔn)并支持任何現(xiàn)代瀏覽器。除了它不包含預(yù)構(gòu)建的圖形外，它絕對是開發(fā)者必需品。

2、Chart.js

如果我們需要立即創(chuàng)建漂亮的圖表，Chart.js是一個不錯的選擇，它也是開源的，它為提升開發(fā)效率，提供了理想的解決方案。里面有8張可定制的預(yù)制圖表。它還包括動畫選項，使用非常靈活性，還有非常好的文檔可以查閱。

盡管如此，如果我們的需求超出了簡單的條形圖，則總體上功能受到限制。

3、FusionCharts

該庫包含90種圖形和1000張地圖，被認(rèn)為是同類產(chǎn)品中最好的，受到開發(fā)人員和設(shè)計師的喜愛和使用。

它具有跨平臺兼容性的獨特可伸縮性，它還支持大量設(shè)備和瀏覽器。因此，毫不奇怪，它被諸如Microsoft，IBM，Google，Oracle等行業(yè)巨頭所利用。

帶水印的版本對于個人項目和商業(yè)目的均不收取任何費用，但是，如果需要獲得許可才能刪除水印。

4、Google Charts

憑借無懈可擊的文檔和帶有詳細說明的內(nèi)嵌注釋，對于想要使用JavaScript開發(fā)圖表的人來說，Google Charts絕對是一個很好的選擇。

它帶有大量的預(yù)建圖形選擇和無數(shù)的自定義選項，為開發(fā)人員提供了真正非凡的選擇自由。它還具有可靠的跨瀏覽器和跨平臺支持。

唯一的缺陷是：庫已上傳到Google服務(wù)器，因此我們的應(yīng)用必須在線才能查看圖形。

動畫制作

5、 GreenSock

GreenSock動畫平臺是Adobe，F(xiàn)ord，Microsoft和Samsung等公司使用的庫。

它的優(yōu)點是兼容任何瀏覽器，移動設(shè)備和臺式機，出色的性能以及在操縱DOM方面的巨大潛力。

從拖放功能到3D轉(zhuǎn)換，從滾動功能到模塊化體系結(jié)構(gòu)，這個令人難以置信的庫不禁令人驚訝。

6、Bounce.js

該庫完全基于一組真正儲備的CSS3動畫。完全免費，當(dāng)你不需要無休止的苛刻功能列表時，它在簡單的原型設(shè)計或測試階段中非常有用。

7、Animate.css

這是一個使用CSS參數(shù)的庫，在將動畫預(yù)設(shè)（超過50個）應(yīng)用于DOM的任何元素（文本，表單，圖像或按鈕）上。

這是一個非常輕巧，簡單且設(shè)計良好的庫，易于使用。出色的跨瀏覽器和跨平臺兼容性也為移動項目提供了很好的解決方案。

時間和日期

8、Moment.js

該庫專為管理日期和時間而設(shè)計，具有輕巧和簡單的特點。它的眾多功能，多語言支持和大量可用插件使其成為JavaScript原生提供的經(jīng)典Date對象的絕佳替代解決方案。

9、date-fns

剛提到的庫的有效替代方法是date-fns，這是一組功能強大的工具，可在瀏覽器和Node.js中操作日期?？赏ㄟ^簡單的API以模塊化結(jié)構(gòu)訪問眾多功能，該結(jié)構(gòu)允許我們僅導(dǎo)入需要的內(nèi)容。

其他

10、Math.js

它是一個用于數(shù)學(xué)運算的開源庫，與各種瀏覽器和Node.js兼容。

除了標(biāo)準(zhǔn)的數(shù)學(xué)運算符，我們還支持更高級的功能，例如復(fù)數(shù)，矩陣，數(shù)組等。

11、Handsontable

Handsontable是一個適用于電子表格的JavaScript庫，可輕松擴展并可以使用第三方和非第三方插件進行自定義。它擁有卓越的學(xué)習(xí)曲線，模塊化結(jié)構(gòu)和龐大的社區(qū)。

它有兩個版本，一個免費版本，另一個為專業(yè)版本，由于40多種獨特功能，它有多種用途。

結(jié)論

除此之外，還有許多具有相同功能的庫，這些庫可以極大地提升開發(fā)者的工作效率，使我們能夠越來越快地創(chuàng)建用戶友好的應(yīng)用程序。

最后，感謝您閱讀本文，希望對您有所幫助。

本文完?

學(xué)習(xí)更多技能

請點擊下方web前端開發(fā)