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。