提升使用者體驗(UE)
到目前為止,這篇文章完全集中在使用JavaScript框架的好處,以及如何更容易的建立互動式應用程式。但是,另一方面,各個框架都有各自誘人的前景,包括使用者介面(UI)元件和使用者體驗(UE)增強,這需要花費大量的精力。
這一章將分別探討下面框架的使用者體驗: Prototype、 jQuery、YUI、ExtJS和MooTools。
Prototype
Prototype是少數幾個不包括現成的UI元件或使用者體驗提升。相反,它順從所有姊妹庫script.aculo.us (Scripty2,這是所知的最新版本)。 script.aculo.us 增加了對Prototype效果和行為的廣泛支持。這些效果包括:高亮、變形、折疊、震顫、滑動、膨脹。 script.aculo.us 還支援拖曳、滑動、Ajax即時編輯以及自動提示。 Script.aculo.us將控制項(如:slider和autocomplete)的設計交給開發者,沒有提供標準的皮膚。
jQuery
與Prototype函式庫不一樣,jQuery的核心包含一些基本的使用者體驗。這與Script.aculo.us的一些簡單效果相似,如slide、fade。但是,對於更進階的使用者體驗功能,你需要下載jQuery UI庫,其中包含更多的效果,例如拖曳、縮放、排序。與Script.aculo.us不同,jQuery UI還包括一些小的部件或元件,並給開發者更具吸引力的藉口,這樣開發更為簡單。目前,這些元件包括: Accordion、 Datepicker、Dialog、Progressbar、Slider和Tabs。這些部件完全主題化,jQuery UI有廣泛的主題,可以用來滿足自己網站或網頁應用程式的需求。圖1顯示了jQuery UI Datepicker元件和蘋果主題。
圖1:jQuery UI Datepicker元件