1 現流行的Ajax框架技術簡介現有的Ajax從框架角度分級的話,可以有以下分類:
Ø 零級,完成base工作,包括擴展原有物件的方法,Ajax通訊部分,比較精簡。
Ø 一級,完成effect工作,包括增加常用效果轉換函數,如tween、drag、maskLayer、fade等的特效。
Ø 二級,完成component工作,包括對話框、清單、樹、日曆等的元件。
Ø 三級,完成application工作,包含完整的前端平台,讓使用者定義能實現一定功能的模組。
有些框架只做零級,如Prototype.js,有些框架做到一級,如jQuery ,有些框架做到了三級,如Asp.net Ajax 和EXT。
選擇合適的Ajax框架能提升程式效率,減少開發工作量,優化顯示效果等功能。
1.1 Asp.net Ajax 簡介首頁: http://www.asp.net/cn/
設計思想
ASP.NET Ajax整合了一套客戶端腳本庫使得與功能豐富的、基於伺服器開發平台的ASP.NET結合在一起。其伺服器端程式設計模型相對於客戶端程式設計模型較為簡單,而且容易與現有的ASP.NET程式結合,通常實作複雜的功能只需要在頁面中拖曳幾個控件,而不必了解深層的工作原理,除此之外伺服器端編程的ASP.NET AJAX Control Toolkit含有大量的獨立AJAX控制項和對ASP.NET原有伺服器控制項的AJAX功能擴充。
1.2 Jquery簡介 主頁: http://jquery.com/
設計思想簡潔的想法:幾乎所有操作都是以選擇DOM元素(有強大的Selector)開始,然後是對其的操作(Chaining等特性)。本身特別容易上手, 程式碼非常簡單,非常貼近原生態的JavaScript,檔案也非常小。
1.3 Extjs 簡介首頁: http://extjs.com/
設計思想
100%物件導向和組件化的思想,一致的語法,全局的命名空間。文件的完整,規範,方便。所有的組件(widgets)都可直接使用,而無需進行設置
2 效能比較
Ajax 應用程式的效能取決於Web 應用程式的幾個方面:
Ø 伺服器回應時間
Ø 網路傳輸時間
Ø 用戶機JavaScript 的處理時間
可以用不同的框架製作出程式範例,使用FireBug測試其效能
從生成機制來說
Asp.net Ajax 伺服器控制項會產生其控製程式碼,產生的js檔案可能稍微大些
MicrosoftAjax原始檔案比較小,在82k ,載入速度比較快
Jquery原始檔案比較小,在40k左右,載入速度比較快
Ext2.0原始檔案500多k,載入速度稍慢。
當然可以透過效能優化,減少不必要的加載項,使用快取等技術提升Ajax的效能。
3 易用性比較
3.1 Asp.net Ajax的使用
和VS2008 開發環境集成,開發和調試非常方便。
通常實現複雜的功能只需要在頁面中拖幾個控件,而不必了解深層的工作原理,除此之外伺服器端編程的ASP.NET AJAX Control Toolkit含有大量的獨立AJAX控件和對ASP.NET原有伺服器控制項的AJAX功能擴展,實作起來也非常簡單。網路上有大量的書籍,原始碼和影片資料,同時也是微軟官方社群支持的。
3.2 Jquery 的使用
微軟的visual studio 2008 sp1支援對jquery的動態提示,只要在程式碼頁匯入對應的vsdoc腳本就可以實現智慧提示。該框架也有大量的示例它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇.
3.3 Extjs 使用
微軟的visual studio 2008 同樣支援支援對Extjs的動態提示,只要在程式碼頁匯入對應的vswd-ext腳本就可以實現智慧提示。該框架也有大量的來源範例,它的文件說明很全,而且各種應用也說得很詳細.