四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

使用jQuery Mobile和JSON創(chuàng)建移動應(yīng)用程序

  近來移動應(yīng)用開發(fā)迅速受到很多公司的關(guān)注,他們尋求為現(xiàn)存的產(chǎn)品和應(yīng)用程序添加移動展現(xiàn)或者“觸點”。即便不是所有,大部分移動應(yīng)用開發(fā)框架也都會適應(yīng)某種現(xiàn)存的“桌面”開發(fā)平臺。基于Web的框架則不同。業(yè)界當(dāng)前采用jQuery來創(chuàng)建移動web應(yīng)用程序(上個月發(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)勢

  • 總體上的簡單性: 你可以主要使用標簽驅(qū)動的方式開發(fā)頁面,那樣,你只需要使用很少或者不使用JavaScript。
  • 進一步改善和得體的降格: jQuery Mobile哲學(xué)是要同時支持高端和性能較差的設(shè)備,包括那些不支持JavaScript的設(shè)備,并且還要盡可能提供最佳體驗。
  • 可訪問性: jQuery已經(jīng)支持可訪問的富InterNET應(yīng)用程序(WAI-ARIA),以有助于使用輔助技術(shù)讓有殘疾的訪問者也能夠訪問網(wǎng)頁。
  • 小文件
  • 主題

  安裝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é)果是,當(dāng)用戶訪問使用JQM構(gòu)建的web應(yīng)用程序時,只會修改頁面的DOM結(jié)構(gòu),而不是每次都替換所有頁面。

  這種效果是通過使用HTML5的data-*屬性達到的。在HTML5中,任何帶有data-前綴的屬性本質(zhì)上都會被驗證解析器忽略,而應(yīng)用程序可以任意地攔截那些屬性。JQM依賴于data-role屬性把它的核心功能組合成字符串。

當(dāng)JQM應(yīng)用程序從一個頁面切換到下一個頁面時,發(fā)生的主要動作就是內(nèi)容div中的內(nèi)容會換成新頁面的內(nèi)容。

  我們可以使用data-rel屬性請求窗口如何顯示,當(dāng)它顯示出來的時候,data-transition屬性會告訴JQM做出相應(yīng)的轉(zhuǎn)換。我們可以使用data-filter屬性來指定data-role列表的行為,而該列表可以基于輸入的關(guān)鍵字來過濾列表的值。Frank還說明了如何創(chuàng)建自定義的data-*屬性,從而實現(xiàn)應(yīng)用程序的特殊屬性。

  JQM會在今年上半年發(fā)布。Frank最后做出結(jié)論:

隨著時間的推移,我們期望它能夠整合到像PhoneGap之類的框架中,并且可能會整合到像Appcelerator的Titanium等開發(fā)環(huán)境中。

  你認為基于Web的移動應(yīng)用程序有前途嗎? 這只是框架和開發(fā)是否簡單的問題,還是移動應(yīng)用程序非常特殊(因為用戶會使用自己的客戶端,并期望獲得最好的用戶體驗和安全性)以致于基于Web的應(yīng)用程序只會成為新平臺上的邊緣程序。

  查看英文原文:Using JQuery Mobile and JSON to Create Mobile Applications

it知識庫使用jQuery Mobile和JSON創(chuàng)建移動應(yīng)用程序,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 手机图标大全| 12星座最佳夫妻配对| 蒋祖曼| 国考岗位| 泰国xxx| 凤凰卫视节目表| 挨打的作文| 水蜜桃蜜桃在线观看| 中国少先队队歌歌词| squirting| 天与地越南战争在线观看免费| 驿路梨花思维导图| 免费操人视频| 舞法天女朵法拉第二季免费观看全集| 紫依| deaf dj课文翻译| 女生操女生| 饶俊| 电视剧零下三十八度演员表| 周杰伦雨下一整晚歌词| 小野惠令奈| 超越情感电视剧免费观看全集完整版| 健康中国科普先行直播回放| 大学英语综合教程1课后答案| 美女出水| 施华| 曹查理新剧《三姐妹》| 刘亦菲mv| 关鹏| 追捕电影完整版免费| 男操女视频免费| 名星| 误杀2剧情| 被打屁股视频| 范海辛电影原声在线观看免费| cctv5+体育赛事直播时间| 昌秀 电影| 2024年计划生育家庭特别扶助| 傻少爷大结局| 日本电影怪物| 画江湖之不良人第一季动漫免费观看|