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



相关阅读:
主要省份城市的DNS服务器地址
jQuery 渐变下拉菜单
jQuery插件原来如此简单 jQuery插件的机制及实战
ASP的天空小偷
基本的页面设计元素布局比例
php 数组使用详解 推荐
解决jsp开发中不支持EL问题
CSS教程:快速提升设计可读性和维护性
网页布局设计的简单原则
HTML表格标记教程(11):水平对齐属性ALIGN
Nbear存储过程映射
access 如何解决组合框无法满足大量数据的选择问题?
通过W3C XHTML1.0标准验证的经验
用Apache Proxy的指令改进LAMP安全性
快速导航

Copyright © 2016 phpStudy |