40 個輕量級 JavaScript 庫（上）

lvyafei 2012-04-10

展開全文

流行的 JavaScript 庫不勝枚舉，jQuery, MooTools, Prototype, Dojo, YUI。這些JavaScript 庫功能豐富，加上它們的插件，幾乎能勝任任何工作，然而這是有代價的，這些庫往往導致你的網(wǎng)頁尺寸臃腫。在某些場合，如果你只想完成特定的工作，可以使用一些功能更專一的輕量庫，本文介紹了40個非常出色的輕量級 JavaScript 庫。

1. 表單相關

wForms
一個低調(diào)的開源項目，簡化了絕大多數(shù)常用 JavaScript 表單功能，包含可以直接使用的表單驗證功能，另外，還包含強大的表單同步以及表單條件判斷功能。

Validanguage
又一個低調(diào)的 JavaScript 表單驗證框架。它擁有集成邏輯，一些設置可以針對全局，單個表單或單個對象。提供兩個API，集成 AJAX 支持，緩存，以及回調(diào)函數(shù)。它提供類似 HTML 的 API 語句，以及面向?qū)ο蟮?JavaScript API 。

LiveValidation
一個輕量的表單驗證庫。除了傳統(tǒng)的驗證功能，還提供實時驗證，可以一邊輸入一遍驗證。Ruby on Rails 用戶可能會發(fā)現(xiàn)這個庫非常好用，因為他們的命名規(guī)則和參數(shù)十分近似。該庫既有獨立版本，又有一個 Prototype 版本。

yav
一個強大，靈活，可擴展的表單驗證庫。支持各種場合，從簡單的如日期，電子郵件地址以及整數(shù)的驗證，到復雜的，如正則表達式。內(nèi)置 AJAX 支持，輸出的錯誤消息可以定位到對象級。

qForms
處理表單的整套方案。功能包括各種驗證規(guī)則，防止多次發(fā)布的機制，以及鎖定或解鎖制定輸入框。

formreform
不基于 table 的多欄設計向來是一個挑戰(zhàn)。這個微型庫將傳統(tǒng)的表單變成漂亮的多欄形式。

2. 動畫相關

$fx()
一個用來讓 HTML 對象運動的輕量庫。你可以在一個時間軸上改變?nèi)魏?CSS 屬性，對于復雜動畫，你可以將各種效果結合起來，將對象分組，讓它們并行運動。

JSTweener
一個生成中間幀的 JavaScript 庫，它的 API 類似著名的中間幀引擎 Tweener。你可以指定動畫時間，定義切換效果以及時延。在幾乎任何點都可以觸動事件。

Facebook Animation
一個強大的，用來創(chuàng)建可定制的，基于 CSS 的動畫。在 Facebook 動畫中，幾行代碼就可以改善 UI。語法和 FBJS （用于 Facebook 的庫）一樣。

FX
一個語法類似 YUI 的輕量 JavaScript 庫，可以為幾乎任何 CSS 屬性創(chuàng)建中間幀。支持顏色和滾動動畫，為對象設置 to 和 from 值就可以了。

3. 視覺與圖形效果

JS charts
支持柱狀圖，圓餅圖以及簡單的曲線圖。直接將這個庫插入網(wǎng)頁，然后從 XML 文件或 JavaScript 數(shù)組變量調(diào)用數(shù)據(jù)。PNG 格式，兼容所有主要瀏覽器。

Canvas 3D JS Library (C3DL)
C3DL 使 3D 程序的編寫變得簡單。提供一套數(shù)學，場景與 3D 對象類，可以直接在瀏覽器中開發(fā) 3D 內(nèi)容，不需要很深的 3D 知識。

Processing.js
這是 Processing 語言在 JavaScript 的移植。2D輸出功能豐富。提供了繪圖，色彩處理，字體，對象等處理函數(shù)。

Rapha?l
一個讓人驚嘆的 JavaScript 庫，可以在 Web 上實現(xiàn)矢量圖。使用 SVG, VML 創(chuàng)建的圖形可以被更改或綁定事件。功能極其豐富，包括旋轉(zhuǎn)，動畫，縮放等。

ImageFX
該 JavaScript 庫為圖片添加效果，如虛化，銳化，浮雕，加亮等。ImageFX 使用畫布對象實現(xiàn)這些效果，兼容所有主流瀏覽器。這個庫非常容易使用，只要將 .js 庫文件插入網(wǎng)頁，調(diào)用那些函數(shù)即可。

Pixastic
Pixastic 使用 HTML5 畫布對象，允許對原始像素進行操作。效果包括去飽和度，灰度級，反轉(zhuǎn)，亮度，對比度調(diào)整，色調(diào)，飽和度調(diào)整，以及浮雕，虛化等效果。因為用到了 HTML 5 的畫布對象，因此還無法兼容所有瀏覽器。

Reflection.js
一個很低調(diào)的 JavaScript 自動實現(xiàn)倒影效果。倒影的高度，透明度可以調(diào)整。支持所有主流瀏覽器，文件尺寸小于5K。

4. 數(shù)據(jù)庫

Taffy DB
一個 JavaScript 庫，可以看作瀏覽器中的 SQL Server，或高級數(shù)組管理器。在使用了 AJAX 的程序中，可以用作數(shù)據(jù)庫層，可以創(chuàng)建，讀取，編輯，刪除數(shù)據(jù)，使用循環(huán)，排序以及高級查詢。

ActiveRecord.js
這個庫支持 Google Gears 以及 Chrome，Aptana Jaxer, Adobe AIR 以及任何支持 HTML 5 SQL 細則的平臺（目前有 Webkit 以及 iPhone）?？梢宰詣觿?chuàng)建表，驗證和同步數(shù)據(jù)。

ActiveRecord.js