幾種常用ajax框架分析介紹打賞

網上搜集整理了幾種常見ajax框架,分別列出來,給想學的朋友做個參考。(排名不分前后)

1. APS.NET的官方解決方案
ASP.NET AJAX
網址:ajax.asp.net

ASP.NET AJAX是微軟.NET平臺上的解決方案,提供包括服務器端與客戶端所需的AJAX技術與JavaScript整合機制。

通過下載、安裝ASP.NET AJAX到Visual Studio當中,即可使用預設的控制項,開發出一些視覺特效與非同步傳輸的應用。

另外,ASP.NET AJAX也提供控制項的Toolkit,包含開發人員想自行開發AJAX應用時所需的基底類別與專案范本。

ASP.NET AJAX除了處理瀏覽器的兼容性問題,也讓用戶端的JavaScript在開發時加入物件導向特性,例如型別系統、資料型別、命名空間、事件等,使得程序代碼更容易排錯、維護和重復使用。

雖然ASP.NET AJAX提供服務器與客戶端的解決方案,通過Visual Studio的支持,也讓開發、排錯的難度降低,不過和其他AJAX框架相比,許多AJAX效果和功能都還在測試階段(在CTP版本中供用戶測試),可以應用的功能有限。

2.支持(前進、后退)并加入(收藏)功能
Dojo
網址:dojotoolkit.org

一些輕巧的Ajax框架,用意在解決JavaScript遇到的易用性或特效問題,相比之下,Dojo更像是個面面俱到的JavaScript工具套餐,號稱可以降低網頁或網頁應用程序前端開發速度。

Dojo支持拖拉、淡出、淡入、移動、透明、操作SVG圖檔等動態效果,它的Widget也讓使用者可以輕易使用選單,分頁標簽(tab)、樹狀結構、日歷、文字編輯器等效果,當然也支持非同步處理的Ajax功能。

另外,Ajax由于以動態的方式操作事物,導致使用者習慣于使用前進、后退的功能無法使用,也無法利用收藏的功能,將所需的頁面留下正確的書簽,但這些需求Dojo都已解決。

比起其他輕巧型的Ajax框架,要熟練掌握Dojo顯然要下較多的功夫才行,目前文件較大也是個問題。不過由于它的功能更為完整,因此開發人員需要自行加工的地方就相對較少。

3.可由JavaScript調用Java程序
DWR(Direct Web Remoting)
網址:www.getahead.ltd.uk/dwr

DWR是設計給Java語言的Ajax框架,讓開發人員可以利用JavaScript代碼調用Java程序。

DWR的運作可分為兩個部分,一部分用在瀏覽器上,處理連接服務器端Java程序,另一部分則是用來展示回傳的資料。通過DWR調用Java的方法,能夠處理連接的細節,當內容處理完成后,DWR就會就會執行返回獲取程序,以進行后續展示處理。

在安裝DWR時必須編輯Web應用程序的部署描述文檔,而且也要編輯DWR 的配置文檔。 DWR的配置文檔指定了可以遠端建立、調用的類別。文檔中包服務器程序的JAR包,另外還有JavaScript文檔,提供一些輔助函數,處理互動展示的效果。

DWR最大的好處就在于讓Java開發人員可以利用熟悉的語法來處理頁面與資料,并且能配合Struts、Tapestry來使用。不過從用戶端調用遠程服務器的Java程序時,仍存在一些安全上的疑慮,在使用時必須注意。

4.以易用性、簡化語法為目標
jQuery
網址:jquery.com

jQuery是最近大受矚目的Ajax框架,它以Prototype為基礎,簡化并提升JavaScript語法的功能。

jQuery有點像是將Prototype所做的事再推向極端,讓使用者改變原有編寫JavaScript代碼方法。JQuery最被人稱道的地方,就在于強大的存取頁面元素功能,無論是文件的節點、CSS的選取或Xpath表達式,都能利用$( )函數快速存取,并賦予它更多的功能。

此外,它的chainable方法能將一串處理函數結合在一起,讓程序代碼更為簡潔。另外jQuery也提供一些動態效果,不過和其他框架相比,這部分就顯得不值一提了。

jQuery的優劣其實都在同一件事情上,一方面它簡化JavaScript的語法,讓編寫程序更為簡便,就好用的目的而言,的確是相當成功。然而這卻讓JavaScript的程序發展成另一種模式,對于初學者而言,一開始學習時,必須要花點時間去適應。

5.依功能需求,下載模組化工具
MooTools
網址:mootools.net

前身是以輕巧著稱的Moo.fx,與Prototype有著相似的概念和語法,但在面向對象上做得更為徹底,而且在動畫效果和互動行為上,提供更多的功能與應用,能讓使用者更快的寫出面向對象概念的JavaScript。

MooTools要下載的包根據模塊分為核心、類別、原生語法、網頁元素、瀏覽器視窗、動畫效果、拖曳、遠端傳輸與外掛程序,除了核心程序是必須要下載的之外,其他的可根據使用者需求進行下載,從而減小文件大小。

雖然MooTools將JavaScirpt面向對象做得更徹底,有利于程序的擴展與維護,不過也在挑戰原先熟悉JavaScript對象編程的人,這部分人往往需要較多的時間去適應。

不過無論是網站本身呈現、程序語法展示,還是模塊下載介面,MooTools都做了相當精致的動態效果,參考網站的示范,很快就能實際引用。

6.大大擴充JavaScript基本功能
Prototype
網址:prototype.conio.net

Prototype不像其他框架,有許多炫人耳目的動態效果,而是專注在改良JavaScript本身的功能,讓JavaScript更容易使用,也更具物件導向風格。

Prototype在簡化JavaScript方法上,提供許多方便的語法,最常見的如$( )函數,只要將DOM節點的ID傳入這個函數,就能取得這個節點元素,簡化了DOM的操作方法。而這個方式也成了其他開發框架延用的功能。其他如$F( )函數能直接處理Web表單元件的值,$A( )函數能將列舉的字串轉換成陣列等,都是Prototype經典功能。

在異步處理上,它提供了Ajax.Request、Ajax.Updater等類別,開發人員在處理異步傳輸時可以利用它提供的方法,讓溝通行為更為容易、正確。

雖然Prototype沒有太多花俏的功能,不過它簡化JavaScript的特性,仍讓許多Web開發人員衷情于它。

7.平順、豐富的動畫效果
Rico
網址:openrico.org

Rico是基于Prototype的Ajax框架,在西班牙文中,rico即為rich的意思,這也說明Rico的目標是提供開發人員利用JavaScript達到豐富的網頁元件與應用。

Rico提供異步的Ajax應用,可讓異步回應返回為一個或多個回應以操作DOM或JavaScript元素。在動畫效果方面,支持如拖曳功能、縮放、過場、進度指標和黃褪技術等,可立即套用豐富的效果。

由于Rico志在讓JavaScript也能表現出Flash般的動畫效果,因此像是網頁元件的顏色、形狀或下拉效果的變化都相當平滑,也能讓DIV方塊做出圓角的效果,讓視覺表現更具Web 2.0風格。

Rico的LiveGrid功能同樣是被人稱道之處。它可以讓表單內容產生更多元的表現方式,突破表格的提交方法。例如它可以讓使用者在滑動滾動條時動態加載資源,利用這種方式,可以分段加載,就無需采用分頁查看的手法了。

 

8. RoR與CakePHP的指定框架
Script.aculo.us
網址:Script.aculo.us

Script.aculo.us是建立在Prototype之上的Ajax框架,是解決視覺效果與互動行為的輕巧框架,Ruby on Rails及PHP上的開發框架CakePHP等,都是使用Script.aculo.us作為Ajax的解決方案。

在視覺效果上,Script.aculo.us利用改變透明度、大小、位置以及結合以上三種元素,產生更多種變化,例如淡進、淡出、閃動、提示等數十種視覺效果,可讓頁面效果更具變化,引導使用者與介面程式互動等。

在互動介面方面,提供了拖曳元件、無刷新編輯元件(In-Place Editor)、水平、垂直拉動卷軸、自動完成、元件排序、購物車等,這些預先打包成套的功能,解決了瀏覽器兼容性問題,也讓使用者很容易引入現有的程序功能,節省重新開發的時間。

此外,Script.aculo.us包含單元測試(Unit Test)框架,可以利用本身的test物件,用來驗證程式執行的狀態,并且支持模擬鼠標與鍵盤的功能。

9.由Yahoo!提供的用戶接口框架
Yahoo! User Interface
網址:developer.yahoo.com/yui/

Yahoo! User Interface(YUI)是Yahoo!提供的Ajax框架,提供便捷的開發方式與許多JavaScript函數庫,使用者可以利用它來開發互動式的界面與Ajax特效。 YUI可分為三大部分,包括工具、CSS和控制元件等函數庫,工具部分是核心庫,負責一些較底層的處理功能,CSS則提供像版面規畫、字體工具。而控制元件則有自動完成、日歷、樹狀結構這些工具。

由于YUI實際應用在Yahoo!的網站中,因此使用起來可靠性還是不錯的,在YUI網站上也提供不少范例與文件,能協助使用者快速上手。雖然YUI是由Yahoo!所推出,不過它遵循JavaScript的語法規則,并將樣式、內容與行為分離,開發人員如果要擴充功能,也相當容易。

一般Ajax框架都需要存放在網站的服務器端,隨著頁面一起加載,但YUI除了采取這種方式之外,也提供使用鏈接使用的方式,使用者只要在應用的頁面中將路徑指向YUI主機即可。

10.適合Java開發環境的企業級解決方案
ZK
網址:www.zkoss.org

ZK是基于Ajax、XUL(XML User Interface Language)、Java網頁應用程序的開發框架,讓網頁的操作行為可以像桌面應用程序一樣。

不同于用戶端的Ajax解決方案,ZK由服務器端出發,利用ZK處理Ajax互動的引擎,處理用戶端的頁面行為,也因此大為降低利用JavaScript作為動態開發語法時,常遇到的瀏覽器兼容問題。

ZK提供了超過70個XUL組件及80多個XHTML組件,因此一些網頁或應用程序常見的功能,ZK都能提供現成的工具,可以讓使用者立即應用,使用ZK提供的以XML為基礎的圖形化設計界面,即可非常方便的生成相應組件。使用者則可在服務器端利用Java語言進行邏輯處理和資料接收工作。

由于ZK利用Java語言開發,屬于以服務器為基礎的解決方案,因此必須安裝支持Java的應用程序服務器(如Tomcat)才能夠執行。

幾種常用ajax框架分析介紹
文章《幾種常用ajax框架分析介紹》二維碼
  • 微信打賞
  • 支付寶打賞

已有2條評論

  1. 微電影

    謝謝分享,確實很實用哦。

    2012-05-12 22:44 回復
  2. 韓版女裝

    不錯收藏了

    2012-05-12 11:14 回復

(必填)

(必填)

(可選)

黑龙江22选5开奖