40個輕量級JavaScript庫介紹

原文：http://blog.csdn.net/tuwen/archive/2010/01/12/5181599.aspx

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

1. 表單相關

wForms

一個低調開源項目簡化了絕大多數常用 JavaScript 表單功能包含可直接使用表單驗證功能另外還包含強大表單同步及表單條件判斷功能

 

 

Validanguage

又一個低調 JavaScript 表單驗證架構它擁有整合邏輯一些設定可針對全域單個表單或單個對象提供兩個API整合 AJAX 支援緩衝及回呼函數它提供類似 HTML  API 語句及物件導向 JavaScript API 

 

LiveValidation

一個輕量表單驗證庫除了傳統驗證功能還提供即時驗證可一邊輸入一遍驗證Ruby on Rails 使用者可能會發現這個庫非常好用因他們命名規則和參數十分近似該庫既有獨立版本又有一個 Prototype 版本

 

 

yav

一個強大靈活可擴充表單驗證庫支援各種場合從簡單如日期電子郵件址及整數驗證到複雜如Regex內建 AJAX 支援輸出錯誤訊息可定位到對象級

 

qForms

處理表單整套方案功能包括各種驗證規則防止多次發布機制及鎖定或解鎖制定輸入框

 

formreform

不基 table 多欄設計向來一個挑戰這個微型庫將傳統表單變成漂亮多欄形式

 

2. 動畫相關

$fx()

一個用來讓 HTML 對象運動輕量庫你可一個時間軸上改變任何 CSS 屬性對複雜動畫你可將各種效果結合起來將對象分組讓它們並行運動

 

 

JSTweener

一個產生間幀 JavaScript 庫它 API 類似著名間幀引擎 Tweener你可指定動畫時間定義轉場效果及時延幾乎任何點都可觸動事件

 

Facebook Animation

一個強大用來建立可定製基 CSS 動畫 Facebook 動畫幾行代碼就可改善 UI文法和 FBJS （用 Facebook 庫）一樣

FX

一個文法類似 YUI 輕量 JavaScript 庫可幾乎任何 CSS 屬性建立間幀支援顏色和滾動動畫對象設定 to 和 from 值就可了

 

3. 視覺與圖形效果JS charts支援柱狀圖圓餅圖及簡單曲線圖直接將這個庫插入網頁然後從 XML 檔案或 JavaScript 陣列變數調用資料PNG 格式相容所有主要瀏覽器 

 Canvas 3D JS Library (C3DL)C3DL 使 3D 程式編寫變簡單提供一套數學情境與 3D 對象類可直接瀏覽器開發 3D 內容不需要很深 3D 知識 

 Processing.js這 Processing 語言 JavaScript 移植2D輸出功能豐富提供了繪圖色彩處理字型對象等處理函數 

 Rapha?l一個讓人驚歎 JavaScript 庫可 Web 上實現向量圖使用 SVG, VML 建立圖形可被更改或綁定事件功能極其豐富包括旋轉動畫縮放等 

  ImageFX該 JavaScript 庫圖片添加效果如虛化銳利化浮雕加亮等ImageFX 使用畫布對象實現這些效果相容所有主流瀏覽器這個庫非常容易使用只要將 .js 庫檔案插入網頁調用那些函數即可 

 PixasticPixastic 使用 HTML5 畫布對象允許對原始像素進行操作效果包括去飽和度灰階級反轉亮度對比調整色調飽和度調整及浮雕虛化等效果因用到了 HTML 5 畫布對象因此還無法相容所有瀏覽器 Reflection.js一個很低調 JavaScript 自動實現倒影效果倒影高度透明度可調整支援所有主流瀏覽器檔案尺寸小5K 

4. 資料庫Taffy DB一個 JavaScript 庫可看作瀏覽器 SQL Server或進階數組管理器使用了 AJAX 程式可用作資料庫層可建立讀取編輯刪除資料使用迴圈排序及進階查詢 ActiveRecord.js這個庫支援 Google Gears 及 ChromeAptana Jaxer, Adobe AIR 及任何支援 HTML 5 SQL 細則平台（目前有 Webkit 及 iPhone）可自動建立表驗證和同步資料 

 

5. 字串與數學函數

Date.js

和日期打交道不件容易事有很多格式要處理Datejs 可很好處理簡單或複雜日期函數可將日期解析出諸如“Next thursday”“+2 years”一類格式也支援所有日期形式如 2009.01.08, 12/6/2001

 

 

Sylvester

一個處理向量和點陣數學 JavaScript 庫包含多維向量和點陣建模類及3D空間一些模型

 

 

Pretty Date

一個很出色 JavaScript 庫用一種很漂亮很友好方式顯示日期如所示

 

 

XRegExp

JavaScript  RegExp 對象已經支援RegexXRegExp 增加了更多未來瀏覽器可能包含功能（ECMAScript 4 - ES4）該庫對 RegExp 對象進行緩衝重用並增加了眾多新功能

 

JavaScript URL Library

一個用來處理 URL  JavaScript 庫可對 URL 任意部分進行處理

6. Fonts

typeface.js

這個庫可讓你網頁使用任意字型但和 sIFR 及 FLIR 這些基 Flash 方案不一樣typeface.js 100% 基 JavaScript只需將你字型檔上傳到一個基 Web 產生器那裡再將產生 JavaScript 檔案下載回來包含到網頁即可

 

 

Cufón

和 typeface.js 很相像Cufón 也可讓你網頁使用任意字型同樣它也使用一個產生器將字型轉換成 VML將產生 .js 檔案包含到網頁即可

7. 調試與記錄

Blackbird

人們經常使用 Alert() 調試 JavaScript 程式Blackbird 提供了一個漂亮控制台記錄查看過濾程式運行

 

 

NitobiBug

基瀏覽器跨瀏覽器 javaScript 對象記錄與檢查工具

 

 

Firebug Lite

目前最好 JavaScript 調試工具非 Firebug 莫屬然而該工具只支援 FireFox將 Firebug Lite .js 檔案插入你網頁就可所有瀏覽器都實現 FireBug 功能

 

 

8. 其它

swfobject

這一個最受歡迎對 Flash 對象進行引用方法可產生標準 swf 引用代碼並探測使用者播放器版本如果使用者版本不支援會顯示備用內容

 

sorttable 與 dragtable

不管你喜歡與否table 仍然最好表現資料方式但可更好利用sorttable 可讓表格式資料排序只需 table 上加一個 class="sortable" 標誌還可排除指定欄dragtable 讓表格欄可拖動表格上加上 class="dragable" 標誌即可這兩個類可結合起來使用只需加上 class="dragtable sortable" 即可

 

DD_roundies 與 DD_belatedPNG

DD_roundies 可不依賴圖片實現圓角功能只面向 IE 通過 VML 實現其它瀏覽器會被略過因那些瀏覽器本身支援 CSS 圓角

 

DD_belatedPNG 瞭解決 IE6 對 PNG 支援不好問題而開發不管 PNG 圖片用 src 還 background-imageDD_belatedPNG 都能提供修補