太陽(yáng)雨

          痛并快樂(lè)著

          BlogJava 首頁(yè) 新隨筆 聯(lián)系 聚合 管理
            67 Posts :: 3 Stories :: 33 Comments :: 0 Trackbacks

          常用鏈接

          留言簿(4)

          隨筆分類(lèi)

          隨筆檔案

          文章檔案

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

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

          1. 表單相關(guān)

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

          wForms

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

          Validanguage

          LiveValidation
          一個(gè)輕量的表單驗(yàn)證庫(kù)。除了傳統(tǒng)的驗(yàn)證功能,還提供實(shí)時(shí)驗(yàn)證,可以一邊輸入一遍驗(yàn)證。Ruby on Rails 用戶可能會(huì)發(fā)現(xiàn)這個(gè)庫(kù)非常好用,因?yàn)樗麄兊拿?guī)則和參數(shù)十分近似。該庫(kù)既有獨(dú)立版本,又有一個(gè) Prototype 版本。

          LiveValidation

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

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

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

          2. 動(dòng)畫(huà)相關(guān)

          $fx()
          一個(gè)用來(lái)讓 HTML 對(duì)象運(yùn)動(dòng)的輕量庫(kù)。你可以在一個(gè)時(shí)間軸上改變?nèi)魏?CSS 屬性,對(duì)于復(fù)雜動(dòng)畫(huà),你可以將各種效果結(jié)合起來(lái),將對(duì)象分組,讓它們并行運(yùn)動(dòng)。

          $fx() JavaScript Animation Library

          JSTweener
          一個(gè)生成中間幀的 JavaScript 庫(kù),它的 API 類(lèi)似著名的中間幀引擎 Tweener。你可以指定動(dòng)畫(huà)時(shí)間,定義切換效果以及時(shí)延。在幾乎任何點(diǎn)都可以觸動(dòng)事件。

          JSTweener

          Facebook Animation
          一個(gè)強(qiáng)大的,用來(lái)創(chuàng)建可定制的,基于 CSS 的動(dòng)畫(huà)。在 Facebook 動(dòng)畫(huà)中,幾行代碼就可以改善 UI。語(yǔ)法和 FBJS (用于 Facebook 的庫(kù))一樣。

          FX
          一個(gè)語(yǔ)法類(lèi)似 YUI 的輕量 JavaScript 庫(kù),可以為幾乎任何 CSS 屬性創(chuàng)建中間幀。支持顏色和滾動(dòng)動(dòng)畫(huà),為對(duì)象設(shè)置 to 和 from 值就可以了。

          3. 視覺(jué)與圖形效果

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

          JS Charts

          Canvas 3D JS Library (C3DL)
          C3DL 使 3D 程序的編寫(xiě)變得簡(jiǎn)單。提供一套數(shù)學(xué),場(chǎng)景與 3D 對(duì)象類(lèi),可以直接在瀏覽器中開(kāi)發(fā) 3D 內(nèi)容,不需要很深的 3D 知識(shí)。

          C3DL

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

          Processing.js

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

          Raphael: Vectors With JavaScript

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

          Imagefx

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

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

          Reflection.js

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

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

          ActiveRecord.js
          這個(gè)庫(kù)支持 Google Gears 以及 Chrome,Aptana Jaxer, Adobe AIR 以及任何支持 HTML 5 SQL 細(xì)則的平臺(tái)(目前有 Webkit 以及 iPhone)。可以自動(dòng)創(chuàng)建表,驗(yàn)證和同步數(shù)據(jù)。

          ActiveRecord.js

          5. 字符串與數(shù)學(xué)函數(shù)
          Date.js
          和日期打交道不是件容易事,有很多格式要處理。Datejs 可以很好地處理簡(jiǎn)單或復(fù)雜的日期函數(shù)。可以將日期解析出諸如“Next thursday”,“+2 years”一類(lèi)的格式,也支持所有日期形式,如 2009.01.08, 12/6/2001。
          Datejs

          Sylvester
          一個(gè)處理矢量和點(diǎn)陣的數(shù)學(xué) JavaScript 庫(kù),包含多維矢量和點(diǎn)陣建模類(lèi),以及在3D空間的一些模型。
          Sylvester

          Pretty Date
          一個(gè)很出色的 JavaScript 庫(kù),用一種很漂亮,很友好的方式顯示日期,如下圖所示。
          Pretty Date

          XRegExp
          JavaScript 中的 RegExp 對(duì)象已經(jīng)支持正則表達(dá)式,XRegExp 增加了更多未來(lái)瀏覽器可能包含的功能(ECMAScript 4 - ES4)。該庫(kù)對(duì) RegExp 對(duì)象進(jìn)行緩存,重用并增加了眾多新功能。

          JavaScript URL Library
          一個(gè)用來(lái)處理 URL 的 JavaScript 庫(kù),可以對(duì) URL 中的任意部分進(jìn)行處理。
          6. Fonts
          typeface.js
          這個(gè)庫(kù)可以讓你在網(wǎng)頁(yè)中使用任意字體,但和 sIFR 以及 FLIR 這些基于 Flash 的方案不一樣,typeface.js 100% 基于 JavaScript,只需將你的字體文件上傳到一個(gè)基于 Web 的生成器那里,再將生成的 JavaScript 文件下載回來(lái)包含到網(wǎng)頁(yè)中即可。
          Typeface.js

          Cufón
          和 typeface.js 很相像,Cufón 也可以讓你在網(wǎng)頁(yè)中使用任意字體,同樣,它也是使用一個(gè)生成器,將字體轉(zhuǎn)換成 VML,將生成的 .js 文件包含到網(wǎng)頁(yè)即可。
          7. 調(diào)試與記錄
          Blackbird
          人們經(jīng)常使用 Alert() 調(diào)試 JavaScript 程序,Blackbird 提供了一個(gè)漂亮的控制臺(tái)記錄,查看,過(guò)濾程序的運(yùn)行。
          Blackbird

          NitobiBug
          基于瀏覽器的跨瀏覽器 javaScript 對(duì)象記錄與檢查工具。
          NitobiBug

          Firebug Lite
          目前最好的 JavaScript 調(diào)試工具非 Firebug 莫屬,然而該工具只支持 FireFox,將 Firebug Lite .js 文件插入你的網(wǎng)頁(yè),就可以在所有瀏覽器都實(shí)現(xiàn) FireBug 功能。
          Firebug Lite
          8. 其它
          swfobject
          這是一個(gè)最受歡迎的對(duì) Flash 對(duì)象進(jìn)行引用的方法。可以生成標(biāo)準(zhǔn) swf 引用代碼,并探測(cè)用戶播放器版本。如果用戶版本不支持,會(huì)顯示備用內(nèi)容。
          swfobject

          sorttabledragtable
          不管你喜歡與否,table 仍然是最好的表現(xiàn)數(shù)據(jù)的方式,但可以更好地利用。sorttable 可以讓表格數(shù)據(jù)排序,只需在 table 上加一個(gè) class="sortable" 標(biāo)志,還可以排除指定的欄。dragtable 讓表格的欄可以拖動(dòng),在表格上加上 class="dragable" 標(biāo)志即可,這兩個(gè)類(lèi)可以結(jié)合起來(lái)使用,只需加上 class="sortable dragtable" 即可。

          DD_roundiesDD_belatedPNG
          DD_roundies 可以不依賴圖片實(shí)現(xiàn)圓角功能,只面向 IE, 通過(guò) VML 實(shí)現(xiàn),其它瀏覽器會(huì)被略過(guò),因?yàn)槟切g覽器本身支持 CSS 圓角。
          JavaScript Rounded Corners
          DD_belatedPNG 是為了解決 IE6 對(duì) PNG 支持不好問(wèn)題而開(kāi)發(fā)的,不管 PNG 圖片用于 src 還是 background-image,DD_belatedPNG 都能提供修補(bǔ)。

          Custom JavaScript Dialog Boxes
          一個(gè)只有 4.5K 的輕量 JavaScript 庫(kù),可以創(chuàng)建用戶定制對(duì)話框,可顯示4種類(lèi)型的消息框,alerts, warnings, prompts, success。可以設(shè)定消息框標(biāo)題,內(nèi)容,以及過(guò)多長(zhǎng)時(shí)間顯示。
          Custom Dialog Boxes

          GameJS
          GameJS 是微軟的 XNA 游戲框架在 JavaScript 上的移植,使用 canvas 對(duì)象作為輸出設(shè)備。JavaScript 不是最佳游戲平臺(tái),但對(duì)那些幀率較低的游戲也沒(méi)有問(wèn)題。

          GameJS

          Shortcuts.js
          從 Google Reader 和 Gmail 開(kāi)始,Web 程序中的快捷鍵開(kāi)始流行起來(lái)。Shorcuts.js 讓快捷鍵的處理變得簡(jiǎn)單。

          Mapstraction
          有不少地圖提供商都提供不同 API,如果你要更換提供商,比如從 Google Maps 到 MapQuest,需要更新代碼,Mapstraction 提供了常用地圖提供商的 API,只需該一行代碼就能完成轉(zhuǎn)換。
          Mapstraction

          Amberjack
          一個(gè)只有 4K 的微型 JavaScript 庫(kù),可以為你的網(wǎng)站添加漂亮的教程功能,一個(gè)模式窗口會(huì)以教程的形式顯示任意內(nèi)容,教程中的步驟可以通過(guò)手工編碼實(shí)現(xiàn)或在線自動(dòng)生成。可以使用主題或 CSS 控制內(nèi)容的格式。
          Amberjack

          JsLoad
          JsLoad 可以從 Google server 遠(yuǎn)程加載各種 JavaScript 庫(kù),可以自動(dòng)加載各種版本的支撐庫(kù)。

          posted on 2009-07-15 14:18 小蟲(chóng)旺福 閱讀(220) 評(píng)論(0)  編輯  收藏 所屬分類(lèi): Javascript相關(guān)
          主站蜘蛛池模板: 巴楚县| 泸水县| 长沙县| 丹巴县| 婺源县| 北宁市| 百色市| 丰镇市| 平顶山市| 泾川县| 汉沽区| 成安县| 灌云县| 丰镇市| 海兴县| 齐齐哈尔市| 广东省| 崇左市| 寿光市| 吉林省| 黔西| 呈贡县| 西华县| 佳木斯市| 裕民县| 兰考县| 辽中县| 石屏县| 高邮市| 大竹县| 宜春市| 泸水县| 顺义区| 铜陵市| 洛宁县| 开阳县| 花莲县| 乌鲁木齐县| 武陟县| 齐河县| 新泰市|