|
|
近來移動應用開發(fā)迅速受到很多公司的關(guān)注，他們尋求為現(xiàn)存的產(chǎn)品和應用程序添加移動展現(xiàn)或者“觸點”。即便不是所有，大部分移動應用開發(fā)框架也都會適應某種現(xiàn)存的“桌面”開發(fā)平臺。基于Web的框架則不同。業(yè)界當前采用jQuery來創(chuàng)建移動web應用程序（上個月發(fā)布了jQuery Mobile Alpha 3）。
在移動領(lǐng)域，除了對設(shè)備特定屬性的支持之外，最主要的一個問題就是程序的大小，正如Aaron Quint所說：
壓縮后的jQuery也大概有40-50K，可能還會稍微多一些，此外，如果你想要jQuery UI和一些動畫功能，那么就還需要100K。對于移動設(shè)備來說，可能沒有那么多空間。
JQM Alpha 3現(xiàn)在已經(jīng)精簡到17K，其中還有相關(guān)的CSS文件。
Enrique Ortiz還發(fā)現(xiàn)了JQM的其他優(yōu)勢：
安裝JQM很簡單，只需要添加一個樣式表文件和三個JavaScript文件：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1 /jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"> </script>
<script src="http://jquery.ibm.navitend.com/utils.js"></script>
此外，F(xiàn)rank還提到，在移動領(lǐng)域JQM的關(guān)鍵優(yōu)勢就在于，它能夠使用AJAX讓用戶界面更平滑：
JQM把Ajax提升了一個層次，這是通過攔截頁面請求，并在大多數(shù)情況下把這些請求轉(zhuǎn)化為指定的Ajax調(diào)用達到的。最基本的結(jié)果是，當用戶訪問使用JQM構(gòu)建的web應用程序時，只會修改頁面的DOM結(jié)構(gòu)，而不是每次都替換所有頁面。
這種效果是通過使用HTML5的data-*屬性達到的。在HTML5中，任何帶有data-前綴的屬性本質(zhì)上都會被驗證解析器忽略，而應用程序可以任意地攔截那些屬性。JQM依賴于data-role屬性把它的核心功能組合成字符串。
當JQM應用程序從一個頁面切換到下一個頁面時，發(fā)生的主要動作就是內(nèi)容div中的內(nèi)容會換成新頁面的內(nèi)容。
我們可以使用data-rel屬性請求窗口如何顯示，當它顯示出來的時候，data-transition屬性會告訴JQM做出相應的轉(zhuǎn)換。我們可以使用data-filter屬性來指定data-role列表的行為，而該列表可以基于輸入的關(guān)鍵字來過濾列表的值。Frank還說明了如何創(chuàng)建自定義的data-*屬性，從而實現(xiàn)應用程序的特殊屬性。
JQM會在今年上半年發(fā)布。Frank最后做出結(jié)論：
隨著時間的推移，我們期望它能夠整合到像PhoneGap之類的框架中，并且可能會整合到像Appcelerator的Titanium等開發(fā)環(huán)境中。
你認為基于Web的移動應用程序有前途嗎？ 這只是框架和開發(fā)是否簡單的問題，還是移動應用程序非常特殊（因為用戶會使用自己的客戶端，并期望獲得最好的用戶體驗和安全性）以致于基于Web的應用程序只會成為新平臺上的邊緣程序。
查看英文原文：Using JQuery Mobile and JSON to Create Mobile Applications
it知識庫：使用jQuery Mobile和JSON創(chuàng)建移動應用程序，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
