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部件