《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设备，对他们所有人来说，培训体验和文档是相同的。

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

《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.15 技巧：包裹和解包元素 如果你想用一个新的HTML元素封装一个已经存在的元素，jQuery提供了多个函数来帮你完成此项工作。每个函数的名字都包含了单词“wrap”，但它们的工作细节却不一样。代码清单3-15演示了wrap()最基本的用法。
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——导读 JavaScript刚一登上互联网的舞台的时候，专家们就投来了轻视的眼光，认为它只是一个适合娱乐而在与用户交互方面没有什么作用的玩具。但时至今日，它已经成为了帮助产生丰富用户界面、无缝数据集成和客户端支持的驱动力量。
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.22 小结 简介之后，介绍了基本的页面导航机制，包括底层的AJAX调用和过渡动画。接着，讨论了页面的基本元素，比如header和footer。有多个更改header和footer行为的选项。可以把它们设置成固定的位置，甚至在导航至别的页面时也保持不变，也可以根据需要隐藏它们。
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.21 技巧：利用jQuery Mobile的辅助函数 第25行演示了parseUrl()函数。它是一个从URL字符串读取多个部分信息的便捷函数。该函数返回一个对象。在这个示例中，它是字符串形式的JSON，为可读性的需要在每个逗号后面添加了一个换行。表9-3列出了parseUrl()函数的返回值。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。