2014年最酷的30個JavaScript庫

jopen 10年前發布 | 30K 次閱讀 JavaScript

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

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

        1. Blast.js

2014年最酷的30個JavaScript庫

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

        2. Intense Images

2014年最酷的30個JavaScript庫

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

        3. Hammer.js

2014年最酷的30個JavaScript庫

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

        4. Epoch

2014年最酷的30個JavaScript庫

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

        5. Boba.js

2014年最酷的30個JavaScript庫

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

        6. Lazy.js

2014年最酷的30個JavaScript庫

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

        7. JS Capture

2014年最酷的30個JavaScript庫

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

        8. App.js

2014年最酷的30個JavaScript庫

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

        9. Shepherd

2014年最酷的30個JavaScript庫

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

        10. RulersGuide.js

2014年最酷的30個JavaScript庫

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

        11. Seen.js

2014年最酷的30個JavaScript庫

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

        12. At.js

2014年最酷的30個JavaScript庫

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

        13. Bounce.js

2014年最酷的30個JavaScript庫

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

        14. Vis.js

2014年最酷的30個JavaScript庫

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

        15. Draggabilly.js

2014年最酷的30個JavaScript庫

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

        16. Shine.js

2014年最酷的30個JavaScript庫

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

        17. Gremlins.js

2014年最酷的30個JavaScript庫

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

        18. Coutour.js

2014年最酷的30個JavaScript庫

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

        19. Sticker.js

2014年最酷的30個JavaScript庫

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

        20. Fattable.js

2014年最酷的30個JavaScript庫

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

        21. Cut.js

2014年最酷的30個JavaScript庫

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

        22. GridList

2014年最酷的30個JavaScript庫

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

        23. Fn.js

2014年最酷的30個JavaScript庫

        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

2014年最酷的30個JavaScript庫

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

        25. InstantClick.js

2014年最酷的30個JavaScript庫

        用來幫助你實現網站提速的 Javascript 類庫,能夠幫助導航更加高效。它預加載你的用戶可能會點擊的一些鏈接。可以配置來在特定操作下加載,例如,mousedown

        26. Wow.js

2014年最酷的30個JavaScript庫

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

        27. Type Rendering Mix

2014年最酷的30個JavaScript庫

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

        28. ScrollReveal.js

2014年最酷的30個JavaScript庫

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

        29. Switchery

2014年最酷的30個JavaScript庫

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

        30. Echo.js

2014年最酷的30個JavaScript庫

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

來自: www.gbtags.com
                    <span id="shareA4" class="fl">                            
                        </span>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!