译文：JavaScript框架较量-用户体验（七）
|
晋升用户体验（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部件
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 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
