DIV CSS 佈局教程網

一、引言

　　一個理想的用戶接口對用戶最好是不可見的-僅在用戶需要時提供選擇，否則並不干涉他們的工作而讓其專注於手頭的工作。然而，這並不是一件容易的事情。如今，我們變得習慣於通過並不十分令人滿意的UI進行日常工作，直到有人向我們展示一種更好的方法。現在，我們才逐漸認識到我們當前的方法在做這些事情時是多麼吃力。

　　由於用於顯示文檔內容的基本web浏覽器技術又被推進一步進而超出以前它們所能及的范圍，所以，如今的互聯網正在經歷著這樣的實現。

　　AJax(異步JavaScript+XML)是一個非常新的名字，為Adaptive Path的Jesse James Garrett所創建。其中，AJax的某些部分以前被描述為動態Html和遠程腳本。

　　Ajax的出現不僅僅是一個新名字的問題。從技術和商業的角度看，圍繞Ajax還有大量激動人心的東西。從技術上講，Ajax實現了web浏覽器技術中大量的尚未實現的潛力。從商業上看，Google和其它一些主要商家正在逐步使用AJax技術，從而讓公眾認識到一個web應用程序所能做的事情。

　　以前我們習慣的典型web應用程序如今正在承受著巨大的壓力，因為逐漸復雜的基於萬維網的服務正日趨成熟並開始應用於互聯網。各種新技術爭相湧現出來以克服這些問題，而AJax僅使用現有的互聯網技術就能夠更好地表達這些思想。

　　利用Ajax，我們重用了一堆原有技術但卻擴展了它們原來所能及的范圍。我們需要能夠管理這種我們引入的復雜性。本文將討論怎樣實現這些技術，而且還要討論一下管理大型Ajax工程的問題。我們將介紹AJax設計模式及其怎樣幫助我們完成工作。設計模式幫助我們捕獲我們的知識和經驗，用我們現在的技術並且使之與其它對象進行通訊。通過把規則引入到代碼基之上，它們就能夠方便創建應用程序-可以據變化對工程加以修改和擴展。使用設計模式進行開發甚至是一種喜悅！

　　為什麼說AJax是豐富的客戶端？

　　構建一個豐富的客戶端接口比設計一個WEB頁面要復雜。那麼是東西導致我們這樣做的？好處有哪些？什麼是豐富的客戶端?

　　一個豐富的客戶端有兩個關鍵特點：它是豐富的，而且它是一個客戶端。

　　讓我稍作解釋。豐富指的是客戶端方式。一個豐富的客戶端模型-是指它能夠支持各種輸入方法且能夠直觀又非常及時地作出響應。盡管我們稱其為"豐富的"，但是它必須與象字處理器和工作表等現代桌面應用程序一樣好才真正豐富。下面讓我們看一下為達此目的所具體要求的實現技術。

　　二、比較用戶體驗

　　在這裡，讓我們討論一個工作表程序的實例。我在工作表輸入一些簡單的公式時，我可以有幾種方式與之交互-現場編輯數據，用鍵盤和鼠標導航數據和通過鼠標拖動重新組織數據。

　　當我在操作這些時，軟件給我反饋-鼠標光標形狀改變，當我在按鈕上移動時按鈕高亮，選定的文本改變顏色，高亮的窗口和對話框以不同形式顯示，等等（圖1）。


圖1 這個桌面工作表應用程序說明了多種用戶交互的可能性。
　　這些是當今用戶豐富的交互的主要表現。這樣的工作表應用程序就是一個豐富的客戶端嗎？還不是。

　　在一個工作表或類似的桌面應用程序中，邏輯和數據模型都在一個封閉的環境中運行-在此它們彼此都能清晰可見，但是卻把外界拒之門外（圖2）。我的客戶端定義是一個程序-它能夠與一個不同的獨立的進程通訊-典型地它運行於一個服務器上。傳統地，該服務器比客戶端更大更強壯並且存儲了海量信息。客戶端允許終端用戶觀看和修改這些信息，並且如果有一些客戶連接到同一個服務器上，它允許他們分享該數據。圖3顯示出一客戶機/服務器架構的簡單圖解。