使用JavaScript庫將會使開發變的更簡單，大部分JavaScript庫提供的功能都是極好的，當我們在為一個項目選定開發技術的時候，選擇一個明星框架當然很不錯，但是有些庫文件太大了。當你想要為一個特定的任務尋找解決方案的時候，你可以選擇一個更有針對性，更輕量級的框架。

在這篇文章中，我們總結了近期30個很棒的JavaScript庫，下面這些JavaScript庫都是非常實用的，尤其是對于有特定需求的項目。

　1. Blast.js

Blast.js通過字母、單詞或是句子來分隔一段文本，這樣你就可以把動畫和樣式注入到文本中。

　2. Intense Images

Intense Images是一個可以讓用戶全屏查看原像素照片的javascript庫，高質量的照片大小一般不只有電腦屏幕這么大，它提供我們滑動查看，效果非常完美。

　3. Hammer.js

Hammer.js可以為你的網站添加觸摸手勢，是一個多點觸摸手勢庫，能夠為網頁加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多點觸摸事件，免去自己監聽底層touchstart、touchmove、touchend事件并且寫一大堆判斷邏輯的痛苦。

　4. Epoch

Epoch是一個生成實時圖表的javascript庫，它專注于可視化編程的兩個方面：為歷史數據創建圖表和實時的數據圖表可視化顯示。

　5. Boba.js

Boba.js是一個易擴展的javascript庫，它可以讓添加谷歌統計變得簡單，它不僅支持經典的ga.js庫，而且支持新生的analytics.js，而且它有一個很酷的功能——trackLinks，trackLinks可以跟蹤所有的子頁面。

　6. Lazy.js

Lazy.js和Underscore和Lo-Dash的功能很像，但是有一個重要的區別：它是延遲執行的，它可以在大多數情景下展示出很好的性能，尤其是在解決大型數組的時候。

　7. JS Capture

JSCapture是用純JavaScript和HTML5寫的屏蔽錄制庫。它允許你通過你的瀏覽器對桌面進行截圖或錄制，它使用getUserMedia來進行屏蔽捕捉，目前它只支持Chrome瀏覽器。

　8. App.js

App.js是一個輕量級的JavaScript UI庫，因為它有一個好名字，現在它已經算是一個明星庫了，它可以為你的網站生成一個用戶體驗很好的手機應用，完全不會影響到性能。而且它是跨平臺的，支持Android 2.2以上版本和IOS 4.3以上版本。

　9. Shepherd

Shepherd是一個為應用創建用戶指南的javascript庫。它用到了另外一個開源的庫——Tether。Tether可以確保用戶指南不會受到瀏覽器布局的影響。目前Shepherd支持IE9以上和其它所有的現代瀏覽器。

　10. RulersGuide.js

RulersGuides.js是一個類似PhotoShop標尺的javascript庫。

　11. Seen.js

Seen.js渲染3D場景為SVG或者HTML Canvas。Seen.js包含對于SVG和HTML5 Canvas元素的圖形功能的簡單抽象。所以這個庫的其它組件都是不用關心要渲染類型的。

　12. At.js

At.js 是一個自動完成庫，用來實現自動完成的提示，如表情等，就像你在 Github 或 Twitter 上看到的一樣。它支持 HTML5 contentEditable 元素。你可以監聽任何字符，而不僅僅是 ’@’ 符號，可為不同的字符設置多個監聽器以實現不同的行為和數據。

　13. Bounce.js

bounce.js 是一個用于制作漂亮的 CSS3 關鍵幀動畫的 JavaScript 庫，使用其特有的方式生成的動畫效果。只需添加一個組件，選擇預設，然后你就可以得到一個短網址或者導出為 CSS 代碼。

　14. Vis.js

Vis.js 是一個動態的，基于瀏覽器的可視化庫。該庫被設計為易于使用，能處理大量的動態數據。該庫由以下幾部分組成：一是數據集和數據視圖，基于靈活的鍵/值數據集，可以添加，更新和刪除項目，訂閱數據集變化；二是時間軸，用于顯示不同類型的時間軸數據，在時間軸上項目可以交互移動，縮放和操縱；三是圖形，使用節點和邊顯示一個交互式圖形或網絡。

　15. Draggabilly.js

Draggabilly只有10K，如它的名字，作者對Draggabilly的介紹非常簡單，Draggabilly 可幫你輕松實現網頁上各種元素的拖放操作，支持 IE8+ 和多點觸摸。

　16. Shine.js

Shine.js 是一個用于實現漂亮陰影的 JavaScript 庫。您可以設置動態光的位置，可定制的陰影。不依賴于第三方庫，兼容 AMD。能在支持 textShadow 或 boxShadow 的瀏覽器中正常使用，如果有需要會自動添加前綴。

　17.Gremlins.js

Gremlins.js 是基于 JavaScript 編寫的 Monkey 測試庫，支持 Node.js 平臺和瀏覽器中使用。Gremlins.js 隨機模擬用戶操作：單擊窗口中的任意位置，在表格中輸入隨機數據，或者將鼠標移動到特別的元素。Gremlins.j 的目的是觸發 JavaScript 錯誤或使應用程序失敗。如果它不能讓你應用程序崩潰，那么說明你的應用程序已經足夠強大了，可以發布給真正的用戶使用。

　18. Coutour.js

Contour是Forio的可視化庫提供的一個核心的通用庫。建立于受歡迎的D3引擎之上，它可以讓你很容易的建立一個可視化的數據圖形。

　19. Sticker.js

Sticker.js 是一個很小的 JavaScript 庫，它允許您在網頁中創建漂亮的貼紙效果。沒有依賴關系（不需要 jQuery），可以在大多數支持 CSS3 的主流瀏覽器工作。

　20. Fattable.js

Fattable是一個幫助創建無限滾動，及其無限行列數的Javascript類庫。比較大的表（多余10000個單元格）使用DOM處理不是很方便。你的滾動會變得不均勻。同時比較大的表格增長的速度也更快。不太可能讓用戶去下載或者保留全部數據。Fattable可以幫助你很好的處理異步數據加載

　21. Cut.js

CutJS是一個幫助你開發高性能，動態互動2DHTML5圖形的超迷類庫。支持現代瀏覽器和移動設備，可以幫助你開發游戲和可視化的應用。CutJS提供了DOM類型的API來創建和播放基于畫布的圖形。

　22. GridList

GridList是一個二維的可拖拉的響應式列表庫。

　23. Fn.js

fn.js是一個鼓勵你使用函數編程風格的可選Javascript類庫。主要幫助你基于性能和規則來支持函數化實踐。為了保證你的路徑正確。fn.js內部強制避免side effects，Object Mutation和Function state。支持Node.js或者瀏覽器，可以使用常規的script來引用或者通過AMD加載器，例如，RequireJS。即將支持Bower。fn.js基于MIT LIcensed，你可以在Github下載

　24. Progress.js

Progress.js是一個幫助開發人員使用JS和CSS3創建進度條的javascript類庫。你可以自己設計進度條的模板或者自定義。你可以使用progess.js來展示加載內容的進度（images，Video等等），可以應用到所有頁面元素，比如，textbox，textarea甚至整個body

　25. InstantClick.js

用來幫助你實現網站提速的Javascript類庫，能夠幫助導航更加高效。它預加載你的用戶可能會點擊的一些鏈接?？梢耘渲脕碓谔囟ú僮飨录虞d，例如，mousedown

　26. Wow.js

幫助你在滾動過程中展示CSS動畫效果。缺省你可以用它來觸發animate.css動畫。當然，你可以配置來觸發其他你喜歡使用的動畫類庫

　27. Type Rendering Mix

Type Rendering Mix是個基于瀏覽器、應用CSS文本渲染的引擎。Type Rendering Mix通過解析用戶代理字符串檢測瀏覽器的文本rasterizer和antialiasing方法。

　28. ScrollReveal.js

ScrollReveal.js 用于創建和管理元素進入可視區域時的動畫效果，幫助你的網站增加吸引力。只需要給元素增加 data-scrollreveal 屬性，當元素進入可視區域的時候會自動被觸發設置好的動畫。

　29. Switchery

Switchery是個簡單的JavaScript組件，只要幾個簡單的步驟就可以幫助用戶把默認的HTML復選框轉換成漂亮iOS 7樣式風格。用戶可以很方便的自定義這種轉換，所以可以很好的配合你的設計風格。

　30. Echo.js

Echo.js 是一個獨立的延遲加載圖片的 JavaScript 插件。Echo.js 不依賴第三方庫，壓縮后不到1KB大小。 延遲加載是提高網頁首屏顯示速度的一種很有效的方法，當圖片元素進入窗口可視區域的時候，它就會改變圖像的 src 屬性，從服務端加載所需的圖片，這也是一個異步的過程。

原文地址：http://codegeekz.com/collection-of-best-javascript-libraries-for-2014/