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

1. 表單相關(guān)

wForms

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

Validanguage

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

LiveValidation（http://www.livevalidation.com）

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

yav（http://yav.sourceforge.net/en/index.html）

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

qForms（http://www.pengoworks.com/index.cfm?action=get:qforms）

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

formreform（http://code.google.com/p/formreform/）

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

2. 動畫相關(guān)

$fx（http://fx.inetcat.com/）

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

JSTweener（http://coderepos.org/share/wiki/JSTweener）

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

Facebook Animation（http://developers.facebook.com/animation/）

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

FX（http://ryanmorr.com/archives/fx-lightweight-and-standalone）

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

3. 視覺與圖形效果

JS charts（http://www.jscharts.com/）

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

Canvas 3D JS Library （C3DL）（http://www.c3dl.org/）

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

Processing.js（http://ejohn.org/blog/processingjs/）

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

Rapha？l（http://raphaeljs.com/）

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

ImageFX（http://www.nihilogic.dk/labs/imagefx/）

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

Pixastic（http://www.pixastic.com/）

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

Reflection.js（http://cow.neondragon.net/stuff/reflection/）

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

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

Taffy DB（http://taffydb.com/）

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

ActiveRecord.js（http://www.activerecordjs.org/）

這個庫支持 Google Gears 以及 Chrome，Aptana Jaxer， Adobe AIR 以及任何支持 HTML 5 SQL 細(xì)則的平臺（目前有 Webkit 以及 iPhone）。可以自動創(chuàng)建表，驗證和同步數(shù)據(jù)。

• javascript