JavaScript框架提升用户体验（UE）(2)

YUI

鉴于Prototype和jQuery不包括现成的UI部件，YUI的用户界面库包含很多。除了支持拖拽和缩放，YUI 2还包括自动提示、日历、旋转木马、图表,、对话框、进度条、富文本编辑器( WYSIWYG)、滑动、 tab切换、tree组件。在写这篇文章时，上述提到的部件已经包含在YUI 3中，图2是这一系列组件的一个样本。

图2：YUI 复杂应用程序示例

ExtJS

跟YUI一样，ExtJS包括大量现成的组件，最强大的莫过于网格控件，它支持内联编辑、过滤、分组、总结、缓冲和数据绑定。ExtJS的组件具有专业的外观，完全主题化。其它组件包括tab切换、 图表、窗体 (对话框)、 tree组件、布局管理器、 增强的表单控件、工具条、菜单、拖拽和远程。如果你想寻找一套丰富的RIA组件，一定要查看ExtJS网站，这只是触及到ExtJS表面的东西。图3显示了ExtJS开发的一个桌面，这说明该库是如何的丰富而具有特色。

图3：ExtJS桌面应用程序示例

mootools

Mootools跟Prototype和jQuery是一样的，不包括用户界面控件和现成的部件。和jQuery一样，可选的效果有限。它通过MooTools.More.js扩展来提升用户体验。这个扩展不是简单的UE/UI插件。但是，它还包括一些有趣的附属品，如Array 、Date 、Hash和String 类。在提升用户体验方面，MooTools.More.js支持拖拽和一些额外的效果。这些附属物还包括Accordion, 排序表格、滚屏、提示和 Ajax微调（Ajax spinner overlays）。与script.aculo.us一样，你可以为自己的控件单独设计。

转载地址：http://www.denisdeng.com/?p=732

原文地址：http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html