20 個簡化開發任務的 JavaScript 庫

oschina發表於2013-07-05
JavaScript

　　所謂JavaScript庫就是預先寫好的可以簡化基於JavaScript的應用程式開發的,尤其是Ajax和其它以web為中心的技術的JavaScript程式碼集。JavaScript主要用於寫內嵌於HTML頁面並和文件物件模型（DOM）進行打交道的各種函式(Function)。

　　一些JavaScript庫很容易的和其它Web技術行進整合，譬如CSS, PHP, Ruby和Java。許多庫可以檢測不同的執行環境，並且消除應用程式為了相容不一致而需要寫的程式碼。

　　本文蒐集了20個 JavaScript 庫，它們能理清你遇到的開發相關的問題，讓你的網站在競爭中領先一步。我們希望你能發現這個JavaScript庫的列表對你的開發工作方便有用。盡情享受吧！

　　1. Tracking.js

tracking

　　Tracking.js 是一個獨立的JavaScript庫，用於跟蹤從相機實時收到的資料。跟蹤的資料既可以是顏色，也可以是人，也就是說我們可以通過檢測到某特定顏色，或者檢測一個人體/臉的出現與移動，來觸發JavaScript 事件。它是非常易於使用的API，具有數個方法和事件（足夠使用了）。

　　Source

　　2. Aristochart

Aristochart

　　Aristochart 是一個不依賴於其他庫的 JavaScript 庫，其功能是繪製二維的靜態線圖，使用 Canvas 繪製。該庫特點是可定製，提供大量選項來更改設計、標籤等等。

　　Source

　　3. Hitch

hitch

　　Hitch是一個輕量級的JavaScript庫,它新增了CSS檔案表現能力。它擁有CSS字首或者變數強大的預處理能力,但也有一些其它的東西。這個類庫出現了多個現成的選擇器,比如"anyof, allof, has.."同時允許我們去定義任何新的(叫做 hitches)。

　　Source

　　4. Cesium

cesium

　　Cesium,一個基於WebGL的 JavaScript 繪相簿， 通過其內部機制提供了這個能力。它支援3種不同的檢視: 3D globe, 2D map,和 2.5D Columbus View ，從一種到另一種轉換隻需要一行程式碼。 畫任何型別的形狀，突出顯示特定的地區以及使用滑鼠或觸控與地圖互動，都相當簡單。Cesium只有一個 JS 檔案，可在包括手機在內的所有主流瀏覽器執行。

　　Source

　　5. Two.js

twojs

　　Two.js 是一個令人激動的JavaScript庫。它為SVG,Canvas和WebG提供二維和單一繪圖API。這個類庫目前僅僅支援形狀(沒有文字或影象)。它允許引入SVG資料。有用的地方在於它能夠聚合多種元素,當需要將他們轉化在一起。有一個內建的動畫迴圈,方法去繪製知名的形狀和多種選擇去自定義它們。

　　Source

　　6. Sequel.js

sequeljs

　　Squel.js 是一個輕量級的JavaScript庫。通過面對物件的API,它很容易就幫助我們建立SQL查詢字串。

　　它工作在所有的瀏覽器上(不被建議,因為查詢可見)。通過node.js的幫助,它能夠支援標準的SQL查詢(它能夠被定製去操作非標準的查詢)

　　Source

　　7. Draggabilly

draggabilly

　　Draggabilly使得jQuery UI的拖拽互動變得容易了。它是一個獨立的，輕量級的JavaScript庫，元素的拖動可以限制在一個有此特性的容器當中，並且拖拽過程中每個事件（開始、移動、結束）都存在回撥函式，它們也可以返回該元素的位置。

　　Source

　　8. Zebra

zebra

　　Zebra是一個JavaScript庫，帶有一批用來建立類似桌面效果佈局的富使用者介面元件。UI元素通過HTML5 canvas建立，由CSS著色，預期在所有現代瀏覽器中渲染出相同的效果。有30+ UI 元件，包括grid, tabs, menu, form elements, menu 等許多許多.

　　Source

　　9. Formula.js

formula

　　Formula.js 是一個JavaScript類庫。對web開發者而言,它實現大部分公式。列出了公式的多個分類例如日期/時間,文字,邏輯,金額等。此外,客戶端它需要和node.js(即將被髮布)工作。

　　Source

　　10. Chart.js

chart

　　Chart.js 是一個令人印象深刻的圖表類庫,建立在HTM5 canvas之上。目前,它支援6種圖表型別 (折線圖,條形圖,雷達圖,餅圖,柱狀圖和極地區域區)。而且這是一個獨立的包,大小小於5kb。顏色，字型，邊框和它們的尺寸都可以定製，圖表可以動畫的形式載入，非常炫。

　　Source

　　11. Flippant.js

flippant

　　Flippant.js 是一個迷你的JavaScript和CSS類庫。它能夠讓你的頁面事物產生翻轉. 他不需要依賴別的類庫,能夠非常簡單被定製,出口單一功能：翻轉。

　　Source

　　12. React

react

　　React是一個JavaScript類庫目的是建立使用者介面。它是足夠高效,靈活地去和你所知道的庫或框架很好地工作。

　　Source

　　13. PathFinding.js

path-finding

　　PathFinding.js是javascript中一個綜合性的路徑查詢庫。該專案的目標是提供一個易於整合到網頁遊戲中的路徑查詢庫。它可能執行在Node.js或瀏覽器上。它提供了一個線上演示展示了演算法是如何執行的。當例項化路徑查詢器時，你可以傳遞額外的引數來指明使用的查詢策略。

　　Source

　　14. Reactor.js

reactor

　　Reactor 是用於響應式程式設計的輕量級庫。它提供了響應變數，這些變數會在它們依賴的東西變化的時候,進行自動更新。 這類似於電子表格的工作方式，一些單元格可以根據其它單元格的變化自動改變自己的數值。

　　Source

　　15. Bootbox.js

bootbox

　　Bootbox.js 是一個小的JavaScript庫，它允許您通過Twitter的Bootstrap模型，建立程式性對話方塊， 而不需要考慮建立，管理或者去除任何需要的DOM元素 或 JS事件處理程式。

　　Source

　　16. Parallel.js

parallel

　　Parallel.js 是用於在JavaScript中進行多核處理的微型庫。它的建立發揮了以前成熟的web-workers API 的優勢。沒錯 Javascript是很快，但由於它的單執行緒計算模型，它缺乏了與其對等語言的平行計算功能。

　　Source

　　17. SVG.js

svg

　　SVG.js 是一個JavaScript類庫。它可以非常簡單地通過SVG操作動畫。這個類庫是單獨的,不依賴別的類庫。它是輕量級的,大小隻有5kb。但是它有許多的功能。它有內建的方法去建立圖形(三角形,圓形,多邊形等等)或者定義圖形

　　Source

　　18. Packery

packery

　　Packery 是一個使用"裝箱"演算法的Js佈局庫。這是“補漏”的體面說法。 Packery的佈局可以是智慧有序的，也可以是有組織狂野的。節點可以被固定在某一處，或找到某一處完美的地方，也可以被隨意拖動。

　　Source

　　19. FPS Meter

fpsmeter

　　FPSMeter 是一個簡單的JavaScript庫，用來製作迷人、快速、可主題化的FPS儀表。它能計量每秒幀數， 幀之間的毫秒數，以及當使用.tickStart()方法時，渲染一幀所需要的毫秒數。

　　Source

　　20. Howler.js

howler

　　Howler.js 預設是基於網頁音訊介面的一個Js庫，當瀏覽器不支援時，它返回HTML5音訊。為了保證跨瀏覽器相容性，它允許接收多種檔案格式。該庫能同時快取和播放多個聲音(能對他們單個的或則全域性的進行靜音或關閉靜音).該庫擁有聲音進行迴圈播放功能、淡入/淡出效果和標準的多媒體控制功能。

　　Source

　　英文原文：20 JavaScript Libraries to Simplify Development Tasks

相關文章