2014年3月新鮮出爐的最佳 JavaScript 工具庫

lhb25發表於2014-03-25

  一個 JavaScript 庫是預先編寫的 JavaScript 程式,用於簡化 Web 應用程式開發,特別是對 Ajax 和其它 Web 為中心的技術。JavaScript 提供了多種方法,通過它來建立互動式網站,Web 應用程式。利用 JavaScript,可以在在的 Web 專案中輕鬆控制 HTML 元素,創造出各種自定義動畫,並給您的訪客一個更好的使用者體驗。

  下面是3月份最新發布的 JavaScript 庫的清單,以幫助你提高你的網站相關的任務,讓您的網站在競爭中領先一步。我們希望你能找到一些有益的專案開發的 JavaScript 庫,用於您的網站相關的需求。enjoy!

  Dropzone.js

  DropzoneJS 是一個用於現代瀏覽器的開源的拖放上傳外掛,最大的特色是即時圖片預覽功能。

  使用方法非常簡單,只需新增 class 即可:

<form id="my-awesome-dropzone" action="/target" class="dropzone"></form>

  或者手動例項化:

new Dropzone("div#my-dropzone", { /* options */ });

  可以新增更多引數:

Dropzone.options.myAwesomeDropzone = { maxFilesize: 1 };

  ProgressJs

  Progress.js 是一個 JavaScript 和 CSS3 的庫,它幫助開發人員為網頁上的每個物件建立和管理進度條效果。您可以使用 Progress.js 為網頁中的任何載入中內容(圖片,視訊等)向使用者呈現進度條。

  Slider

  一個簡單的 JavaScript 滑塊外掛,它不依賴於任何第三方庫。這個小指令碼的目的是用最少的程式碼實現旋轉木馬(Carousel)效果。

  jsCache

  jsCache 是一個 JavaScript 庫,它使用 localStorage 技術來快取 JS,CSS 和影像。這對於移動網站特別有用,因為它節省了 HTTP 請求,並且所有的檔案載入都是非同步的。

  Gremlins.js

  Gremlins.js 是基於 JavaScript 編寫的 Monkey 測試庫,支援 Node.js 平臺和瀏覽器中使用。Gremlins.js 隨機模擬使用者操作:單擊視窗中的任意位置,在表格中輸入隨機資料,或者將滑鼠移動到特別的元素。

  Sticker.js

  Sticker.js 是一個很小的 JavaScript 庫,它允許您在網頁中建立漂亮的貼紙效果。沒有依賴關係(不需要 jQuery),可以在大多數支援 CSS3 的主流瀏覽器工作。下面有簡單的使用示例,更多功能等著你去發現。

 

  Cytoscape.js

  Cytoscape.js 是一個開源的 JavaScript 圖形庫,您可以使用 Cytoscape.js 進行資料分析和視覺化。Cytoscape.js 可以輕鬆的繼承到你的網站或者 Web 應用中,實現互動的視覺化圖形。

  Cut.js

  CutJS 是一個很小的 JavaScript 庫,用於構建高效能,動態的 2D HTML5 圖形。它支援現代瀏覽器和移動裝置,並擬用於遊戲和視訊應用程式開發。CutJS 提供了一個類似DOM 的 API 來建立和播放 Canvas 圖形。

  Fn.js

  fn.js 這個庫的目的是鼓勵函數語言程式設計(functional programming)。fn.js 執行在 Node.js 環境也可以通過 AMD 載入器(如 RequireJS)在瀏覽器中使用。

相關文章