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。