JavaScript架構提升使用者體驗（UE）

提升使用者體驗（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組件