40 個輕量級 JavaScript 庫 (上)

來源:互聯網
上載者:User

流行的 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 庫檔案插入網頁,調用那些函數即可。


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

Reflection.js
一個很低調的 JavaScript 自動實現倒影效果。倒影的高度,透明度可以調整。支援所有主流瀏覽器,檔案尺寸小於5K。

4. 資料庫
Taffy DB
一個 JavaScript 庫,可以看作瀏覽器中的 SQL Server,或進階數組管理器。在使用了 AJAX 的程式中,可以用作資料庫層,可以建立,讀取,編輯,刪除資料,使用迴圈,排序以及進階查詢。

ActiveRecord.js
這個庫支援 Google Gears 以及 Chrome,Aptana Jaxer, Adobe AIR 以及任何支援 HTML 5 SQL 細則的平台(目前有 Webkit 以及 iPhone)。可以自動建立表,驗證和同步資料。

本文國際來源:http://www.smashingmagazine.com/2009/03/02/40-stand-alone-javascript-libraries-for-specific-purposes/
中文翻譯來源:COMSHARP CMS 官方網站

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.