《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组件 - 级联选择器组件
本篇文章来讲解下级联选择器组件 级联选择器,在实际项目中也是比较常用的组件,比如:省市区三级关联,上下级联动等 最后面会附上全部代码
1214 0
|
6月前
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
8月前
|
Web App开发 前端开发 开发者
Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
33 1
|
11月前
|
设计模式 JavaScript 前端开发
|
12月前
|
JavaScript 前端开发 API
JavaWeb快速入门--jQuery
JavaWeb快速入门--jQuery
52 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 是和否滑动切换组件
本篇文章来讲解下是和否的滑动切换组件 切换滑动组件,使用的场景实际上就是一个开和关的场景,一般有是和否,开和关,禁用和启用等等,只需要设置0和1即可
120 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 可编辑下拉框组件
下拉框也是比较常用的组件,对应原生的下拉标签就是select 本篇文章就来讲讲可编辑下拉框组件的封装过程
332 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 移动端时间选择组件
【首先要声明一点,技术不分好坏,能用好就行,不用鄙视老技术】 今天要给大家展示的是移动端时间选择组件 最开始,看到比较新颖的移动端时间选择组件是在某款手机上,分年月日下拉选择,UI界面也挺好看的 除了讲解实现的步骤以及关键点,文章最后面会有完整的代码
205 0
|
前端开发 JavaScript 程序员
【前端】使用jQuery封装一套UI组件 - 单选框
目前前端技术发展非常快,各大厂都开源和分享了自家的前端框架,非常多成熟的UI组件供大家选择,很实用也很方便,给开发上节省了不少时间成本,当然少不了学习成本,不过也不会占用太多时间,只要有前端基础的话,原理基本都是通用的,只是写法不一样。 因此,除了学习现有的优秀前端之外,最好能自己根据原理封装一套自己的UI组件,目的是为了更好的理解前端知识点以及锻炼编程逻辑
135 0
|
JavaScript 索引
JavaWeb--快速入门jQuery(三)
JavaWeb--快速入门jQuery(三)
122 0
JavaWeb--快速入门jQuery(三)