《jQuery Mobile快速入门》—— 1.2 跨所有移动平台的统一UI

简介:

本节书摘来异步社区《jQuery Mobile快速入门》一书中的第1章,第1.2节,作者:【美】Brad Broulik,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 跨所有移动平台的统一UI

jQuery Mobile快速入门
通过采用HTML5和CSS3标准,jQuery Mobile提供了一个统一的用户界面(User Interface,UI)。移动用户希望他们的用户体验能够在所有平台上保持一致(见图1-3、图1-4和图1-5)。然而,通过比较iPhone和Android上的本地Twitter app,即可发现用户体验并不统一。jQuery Mobile应用程序解决了这种不一致性,提供给用户一个与平台无关的用户体验,而这正是用户熟悉和期待的。此外,统一的用户界面还会提供一致的文档、屏幕截图和培训,而不管终端用户使用的是什么平台。例如,如果你的销售团队需要一个与即将部署的新的移动app相关的培训,则用户文档会包含一致的可以应用到所有平台的屏幕截图。如果团队中有半数使用的是iPhone,另外一半使用的是Android设备,对他们所有人来说,培训体验和文档是相同的。

0e20d2908c00586aa7d7c539c5ef9791dd768310 81076f99497d984e5bd80e15c135a533a56c3aab

jQuery Mobile也有助于消除为特定设备自定义UI的需求。一个jQuery Mobile代码库可以在所有支持的平台上呈现出一致性,而且无需进行自定义。与为每个OS提供一个本地代码库的组织结构相比,这是一种费用非常低廉的解决方案。而且就支持和维护成本而言,从长远来看支持一个单一的代码库也颇具成本效益(见图1-6)。

687fa481ec36ed67e13805a1ebca503f24bc5f2f
相关文章
|
JSON 前端开发 JavaScript
【前端】使用jQuery封装一套UI组件 - 级联选择器组件
本篇文章来讲解下级联选择器组件 级联选择器,在实际项目中也是比较常用的组件,比如:省市区三级关联,上下级联动等 最后面会附上全部代码
1340 0
|
6月前
|
Web App开发 缓存 JavaScript
JQuery Kendo UI使用技巧总结
JQuery Kendo UI使用技巧总结
42 4
|
6月前
|
JavaScript 前端开发 开发者
jQuery 下载与快速入门指南
jQuery 下载与快速入门指南
269 0
|
7月前
|
Java 数据库 Android开发
基于SSM框架扶贫信息综合平台前台管理系统(spring+springmvc+mybatis+jsp+jquery+css)
基于SSM框架扶贫信息综合平台前台管理系统(spring+springmvc+mybatis+jsp+jquery+css)
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
设计模式 JavaScript 前端开发
|
XML JavaScript 前端开发
【jQuery超快速入门教程】上篇
【jQuery超快速入门教程】上篇
128 0
|
设计模式 JavaScript 前端开发
JSP、Servlet+MySQL线上网上图书商城书城书店系统平台课程设计JQuery
传智播客网上图书商城是典型的网上购物实践中最为普遍的电子商务企业对客户(B2C)模式,主要包括会员注册、订单管理、购物车、搜索、支付等基本功能。此外,本系统也将实现在线图书销售系统的后端管理,包括图书的添加、订单的处理等功能。本系统完全基于JSP技术,在系统的设计与开发过程中严格遵守软件工程的规范,运用软件设计模式,从而减少系统模块间的偶合,力求做到系统的稳定性、可重用性和可扩充性。
234 0
|
JavaScript 前端开发 API
JavaWeb快速入门--jQuery
JavaWeb快速入门--jQuery
75 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 是和否滑动切换组件
本篇文章来讲解下是和否的滑动切换组件 切换滑动组件,使用的场景实际上就是一个开和关的场景,一般有是和否,开和关,禁用和启用等等,只需要设置0和1即可
151 0