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

高贵是别人给的

高贵是别人给的

2016-02-20 01:07

下面是个JavaScript框架提升用户体验(UE)教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

提升用户体验(UE)

到目前为止,这篇文章完全集中于使用JavaScript框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。

这章将分别探讨下面框架的用户体验:Prototype、 jQuery、YUI、ExtJS和MooTools。

Prototype

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

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

Web开发
JavaScript框架提升用户体验(UE)

网站用户体验设计(UE)

Web开发
网站用户体验设计(UE)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何提升产品的用户体验提升购买率

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
如何提升产品的用户体验提升购买率

分析通用提示来提升用户体验

Web开发
分析通用提示来提升用户体验

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript框架编程

Web开发
JavaScript框架编程

网易企业邮箱5.0版提升用户体验

电脑网络
网易企业邮箱5.0版提升用户体验

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用WPS将Word文档转化成PDF格式

用WPS将Word文档转化成PDF格式

Word、Excel页边距怎么设置

Word、Excel页边距怎么设置
下拉加载更多内容 ↓