jQuery Mobile初探：认识jQuery Mobile

前言

    在智能手机和平板电脑如此流行的今天，移动App毫无疑问是当下客户端软件开发中最耀眼的明星。因此近几年很多从事传统PC软件的开发人员都纷纷转向了移动开发，而对于像我这样还坚守在传统PC端的Web前端开发人员当然也想跃跃欲试，但是智能手机App的开发模式主要为Native App（基于智能手机操作系统API而开发的本地App），这种开发模式对于我们Web前端开发人员来说学习跨度是非常大的，而HTML5的出现则打破了这样的格局，Web App也由此诞生，为移动应用开发领域注入了新的活力。

    工欲善其事，必先利其器！虽然HTML5为Web App的开发提供了强大的技术支撑，但是想从零开始利用HTML5快速构建起一个具有高可用性的Web App也并非那么容易，因为HTML5和之前的HTML版本一样，只为开发者提供最简单的HTML标签和最基础的GUI控件，当然这也是一种策略，因为最简单和最基础的东西它们的适应性和可组合性是最强的。那么对于这种情况我们该怎么应对呢？Web前端js框架大佬jQuery为我们提供了一个靠谱的解决方案----jQuery Mobile。

什么是jQuery Mobile？

    我们进入jQuery的官网（http://www.jquery.com/）可以看到jQuery Mobile其实就是jQuery几个子项目中其中的一个。跟jQuery UI一样，jQuery Mobile也是基于jQuery的一个插件库，它提供了针对移动端的Web App开发模式、常用UI控件库和一系列的工具API。从下面的图中可以看出，它涵盖了我们开发Web App所需要的大部分内容，并且几乎兼容所有主流移动平台浏览器。利用jQuery Mobile可以帮助我们轻松实现华丽的、跨设备和跨平台的Web App应用程序，大大提高我们的移动开发效率和质量。

jQuery Mobile的优缺点

优点：

1. 基于成熟可靠的js框架jQuery，开发方便，学习成本低
2. 提供了一个比较科学的Web App开发模式，具有很好的开发体验和用户体验
3. 提供了移动平台设备特有的常用触屏事件接口
4. 提供了一整套常用的、自定义特性很强的UI控件库，以及常用工具函数和炫酷的动画过渡效果
5. 控件库采用了独特的标签式初始化机制，几乎所有的控件配置信息都可以通过"data-属性名"的方式写在标签上，无需写一行js代码或只需写非常少量的js代码
6. 跨平台、跨设备简单易用。
7. 有完整的API文档和大量的常见Demo示例
8. 开源免费，可自行改造进行二次开发
9. ......

缺点：

1. 由于它是基于jQuery而编写的，所以在性能上还存在一定的瓶颈
2. 一些特殊的增强功能在不同的平台还存在着一定的差异
3. 对移动设备的资源访问性支持不够多
4. ......

从上而的优缺点列表中可以看出，jQuery Mobile在拥有诸多优点的同时也存在着一定的缺陷，并且这些缺陷在这个用户体验为王的时代往往是致命的，但这也是所有基于浏览器的Web App的局限性，相信随着HTML5和jQuery Mobile的逐步成熟，这些缺点在未来将会有所改善。

jQuery Mobile样例效果

最近接到公司的需求，需要开发一个Web App嵌入到微信公众平台，经分析后决定基于jQuery Mobile进行开发，以下是最终的App效果图。

后记

    jQuery Mobile为Web App的开发铺就一条高速公路，使用它可以以较低的学习成本、开发成本、维护成本来轻松的构建出较好的用户体验、可快速迭代、并且跨平台跨设备的Web App。