jQuery Mobile即學(xué)即用作品目錄

時(shí)間：2023-07-11 07:42:01 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-07-11 07:42:01 來(lái)源：營(yíng)銷(xiāo)百科

jQuery Mobile即學(xué)即用作品目錄：版權(quán)聲明

n?2012byO'ReillyMedia,Inc.SimplifiedChineseEdition,jointlypublishedbyO'ReillyMedia,Inc.andPostsTelecomPress,2013.Authorizedtransl……

n內(nèi)容提要

njQueryMobile是以全球最流行的jQuery為核心的、跨平臺(tái)的移動(dòng)Web應(yīng)用開(kāi)發(fā)框架。本書(shū)著眼于移動(dòng)Web應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)，從應(yīng)用結(jié)構(gòu)和導(dǎo)航開(kāi)始，分門(mén)別類(lèi)地介紹了jQueryMobile為開(kāi)發(fā)人員準(zhǔn)備好的各種界面部件，包括列表視圖、工具條、按鈕、表單、網(wǎng)格布局等，還介紹了界面主題和配色，以及……

nO'ReillyMedia,Inc.介紹

nO'ReillyMedia通過(guò)圖書(shū)、雜志、在線服務(wù)、調(diào)查研究和會(huì)議等方式傳播創(chuàng)新知識(shí)。自1978年開(kāi)始，O'Reilly一直都是前沿發(fā)展的見(jiàn)證者和推動(dòng)者。超級(jí)極客們正在開(kāi)創(chuàng)著未來(lái)，而我們關(guān)注真正重要的技術(shù)趨勢(shì)——通過(guò)放大那些'細(xì)微的信號(hào)'來(lái)刺激社會(huì)對(duì)新科技的應(yīng)用。作為技術(shù)社區(qū)中活躍的參與者，O'R……

n前言

n如果你是一名Web設(shè)計(jì)師或開(kāi)發(fā)者，并且正在考慮使用jQueryMobile創(chuàng)建移動(dòng)應(yīng)用，那么本書(shū)將是你理想的伙伴。jQueryMobile致力于解決一個(gè)問(wèn)題：為市場(chǎng)上眾多移動(dòng)平臺(tái)和瀏覽器創(chuàng)建兼容界面。要看懂本書(shū)，你只需要了解基本的HTML（任何版本）知識(shí)，而懂一些基本的JavaScript則……

n第1章移動(dòng)平臺(tái)

n如果你正在閱讀本書(shū)，說(shuō)明你可能是一位網(wǎng)頁(yè)設(shè)計(jì)師或網(wǎng)頁(yè)開(kāi)發(fā)者，也可能是一位jQuery愛(ài)好者或一位Web應(yīng)用開(kāi)發(fā)者。在開(kāi)始寫(xiě)代碼之前，我們首先要了解一下移動(dòng)生態(tài)系統(tǒng)以及jQueryMobile適合做些什么。讓我們開(kāi)始吧。……

n1.1為什么需要jQueryMobile

n1.1.1移動(dòng)互聯(lián)網(wǎng)的傳說(shuō)

n1.1.2移動(dòng)Web應(yīng)用

n1.1.3再問(wèn)一次，為什么需要jQueryMobile

n1.2jQueryMobile是什么

n1.2.1jQueryMobile不是什么

n1.2.2框架

n1.3移動(dòng)及平板的世界

n1.3.1設(shè)備分類(lèi)

n1.3.2操作系統(tǒng)和瀏覽器

n1.3.3jQueryMobile兼容性

n1.4HTML5和CSS3

n1.5主要特性

n1.5.1使用非侵入性語(yǔ)義的HTML5

n1.5.2漸進(jìn)增強(qiáng)

n1.5.3可訪問(wèn)性支持

n1.6測(cè)試Web應(yīng)用

n1.6.1仿真器與模擬器

n1.6.2遠(yuǎn)程實(shí)驗(yàn)室

n第2章框架起步

n2.1準(zhǔn)備文檔讓我們挽起袖子，創(chuàng)建一個(gè)典型的jQueryMobileWeb應(yīng)用模板?！?br>
n2.1準(zhǔn)備文檔

n2.1.1需求

n2.1.2托管文件

n2.1.3使用CDN

n2.1.4主HTML5模板

n2.2AdobeDreamweaver的支持

n2.3架構(gòu)

n2.3.1角色

n2.3.2主題

n2.3.3頁(yè)面

n2.4導(dǎo)航

n2.4.1后退按鈕

n2.4.2內(nèi)部頁(yè)面鏈接

n2.4.3外部頁(yè)面鏈接

n2.4.4絕對(duì)外部鏈接

n2.4.5移動(dòng)互聯(lián)網(wǎng)特有鏈接

n2.4.6頁(yè)面間的過(guò)渡效果

n2.4.7反轉(zhuǎn)過(guò)渡效果

n2.5對(duì)話(huà)框

n2.5.1關(guān)閉，還是后退

n2.5.2從對(duì)話(huà)框打開(kāi)頁(yè)面

n2.6與電話(huà)整合

n2.6.1撥打電話(huà)

n2.6.2視頻及VoIP呼叫

n2.6.3發(fā)送電子郵件

n2.6.4發(fā)短消息

n2.6.5其他URI方案

n2.6.6綜合起來(lái)

n第3章UI組件

njQueryMobile為Web應(yīng)用準(zhǔn)備了相當(dāng)多的UI組件。記住，我們總是可以使用普通的HTML和CSS來(lái)添加內(nèi)容及實(shí)現(xiàn)各種創(chuàng)意。不過(guò)，為了兼容各個(gè)平臺(tái)，我們將優(yōu)先使用框架提供的各種組件。jQueryMobile組件可以分成以下幾類(lèi)：工具欄組件；格式化組件；按鈕組件；列表組件；表單組……

n3.1工具欄

n3.1.1定位

n3.1.2真實(shí)固定工具欄

n3.1.3在頁(yè)頭中添加內(nèi)容

n3.1.4在頁(yè)腳中添加內(nèi)容

n3.1.5導(dǎo)航欄

n3.1.6固定頁(yè)腳

n3.2格式化內(nèi)容

n3.2.1可折疊內(nèi)容

n3.2.2手風(fēng)琴部件

n3.3列

n3.4按鈕

n3.4.1內(nèi)聯(lián)按鈕

n3.4.2分組按鈕

n3.4.3效果

n3.4.4圖標(biāo)

n3.4.5創(chuàng)建自定義圖標(biāo)

n3.4.6圖標(biāo)位置

n3.4.7純圖標(biāo)按鈕

n3.4.8圖標(biāo)陰影

n第4章列表

n到現(xiàn)在為止，我們已經(jīng)使用jQueryMobile創(chuàng)建了若干非常簡(jiǎn)單的頁(yè)面。下一步是學(xué)習(xí)使用框架提供的各種控件和視圖。本章將討論列表。幾乎所有移動(dòng)項(xiàng)目的內(nèi)容中都至少會(huì)包含一個(gè)列表，所以我們首先關(guān)注列表。要從列表的定義開(kāi)始說(shuō)起有點(diǎn)兒難，大家都知道列表是什么，作為一個(gè)通用術(shù)語(yǔ)，這兒也沒(méi)有新東西可介紹?！?br>
n4.1整頁(yè)列表與插入列表

n4.2視覺(jué)分隔符

n4.3交互行

n4.3.1內(nèi)嵌列表

n4.3.2分割按鈕列表

n4.3.3有序交互列表

n4.4使用圖片

n4.4.1行圖標(biāo)

n4.4.2縮略圖

n4.5附加內(nèi)容

n4.6標(biāo)題與描述

n4.7使用計(jì)數(shù)氣泡

n4.8使用搜索過(guò)濾數(shù)據(jù)

n4.9列表視圖速查表

n第5章表單組件

njQueryMobile框架支持標(biāo)準(zhǔn)網(wǎng)頁(yè)表單，在支持的設(shè)備上會(huì)自動(dòng)使用AJAX處理，同時(shí)標(biāo)準(zhǔn)表單控件的外觀也為觸摸操作做了優(yōu)化。這是關(guān)于表單控件的第一個(gè)好消息。上面所說(shuō)的標(biāo)準(zhǔn)網(wǎng)頁(yè)表單，指的是位于form元素內(nèi)的一組表單控件，如input、textarea以及select元素等，表單的數(shù)據(jù)將被發(fā)送……

n5.1表單動(dòng)作

n5.2表單元素

n5.2.1文本標(biāo)簽

n5.2.2域容器

n5.2.3文本輸入框

n5.2.4自增長(zhǎng)文本區(qū)

n5.2.5新HTML5屬性

n5.2.6日期輸入框

n5.2.7滑塊

n5.2.8平移切換開(kāi)關(guān)

n5.2.9選擇菜單

n5.2.10單選按鈕

n5.2.11復(fù)選框

n5.2.12上傳文件

n第6章jQueryMobileAPI

njQueryMobile提供了使用JavaScript與框架通信以及進(jìn)行內(nèi)容管理的API。首先要知道的是它是一個(gè)HTML5框架，創(chuàng)建內(nèi)容的最佳方式是使用無(wú)侵入性的HTML5。使用JavaScript代替標(biāo)記語(yǔ)言來(lái)創(chuàng)建頁(yè)面和內(nèi)容時(shí)，在一些B級(jí)瀏覽器以及不支持jQueryMobile的老平臺(tái)上會(huì)遇……

n6.1文檔事件

n6.2配置

n6.2.1全局配置

n6.2.2頁(yè)面配置

n6.2.3部件配置

n6.3實(shí)用工具

n6.3.1Data-工具

n6.3.2頁(yè)面工具

n6.3.3平臺(tái)工具

n6.3.4路徑工具

n6.3.5UI工具

n6.4自定義過(guò)渡

n6.5動(dòng)態(tài)內(nèi)容

n6.5.1創(chuàng)建頁(yè)面

n6.5.2創(chuàng)建部件

n6.5.3更新部件

n6.6創(chuàng)建網(wǎng)格

n6.7改變頁(yè)面內(nèi)容

n6.8處理事件

n6.8.1頁(yè)面事件

n6.8.2部件事件

n6.8.3方向事件

n6.8.4手勢(shì)事件

n6.8.5虛擬點(diǎn)擊事件

n第7章創(chuàng)建主題

njQueryMobile允許開(kāi)發(fā)者通過(guò)調(diào)整主題和CSS來(lái)定制整套用戶(hù)界面。因?yàn)閖QueryMobile生成的是HTML和CSS，所以，它的每一個(gè)樣式都能用CSS來(lái)覆蓋。圖7-1展示了多個(gè)不同主題的jQueryMobile站點(diǎn)。如果想要瀏覽更多自定義界面的站點(diǎn)主題，不妨看看http://jqm……

n7.1ThemeRoller

n7.1.1全局設(shè)置

n7.1.2色樣設(shè)置

n7.1.3審查器

n7.1.4AdobeKuler

n7.1.5輸出主題

n7.2Fireworks主題編輯器

n7.3編輯主題

n7.4定制頁(yè)面過(guò)渡

n第8章安裝以及離線訪問(wèn)

n使用HTML5技術(shù)和其他擴(kuò)展，可以讓jQueryMobile應(yīng)用和移動(dòng)設(shè)備上的原生應(yīng)用一樣完全離線運(yùn)行。此外，也可以把jQueryMobile應(yīng)用打包成一個(gè)原生應(yīng)用通過(guò)應(yīng)用商店發(fā)布，這在后面的章節(jié)會(huì)講到。在這一章，我們將會(huì)學(xué)習(xí)創(chuàng)建一個(gè)不通過(guò)應(yīng)用商店發(fā)布的離線Web應(yīng)用。使用這種方案，用戶(hù)可以……

n8.1軟件包定義

n8.1.1HTML清單

n8.1.2下載應(yīng)用

n8.1.3訪問(wèn)在線資源

n8.1.4更新資源

n8.1.5JavaScript對(duì)象

n8.1.6事件

n8.2安裝應(yīng)用圖標(biāo)

n8.2.1引導(dǎo)

n8.2.2圖標(biāo)快捷方式名

n8.2.3圖標(biāo)定義

n8.3全屏

n8.3.1全屏檢測(cè)

n8.3.2修飾Web應(yīng)用

n8.4完整的例子

n8.5存儲(chǔ)離線數(shù)據(jù)

n第9章Web應(yīng)用實(shí)例

n這一章，我們將會(huì)創(chuàng)建一個(gè)完整的Web應(yīng)用。本書(shū)前面幾章講到的大部分內(nèi)容，在這個(gè)實(shí)例中都會(huì)應(yīng)用到。這是一個(gè)為某次大會(huì)開(kāi)發(fā)的移動(dòng)應(yīng)用，它的主要目標(biāo)是：作為與會(huì)者的官方應(yīng)用；顯示每個(gè)會(huì)議室的議程；提供大會(huì)的各種信息。如果你和我一樣參加過(guò)很多技術(shù)會(huì)議，多半也有體會(huì)，會(huì)議現(xiàn)場(chǎng)的網(wǎng)絡(luò)連接往往都不太可靠，……

n9.1Web應(yīng)用的結(jié)構(gòu)

n9.1.1離線清單

n9.1.2頁(yè)面

n9.1.3樣式

n9.1.4數(shù)據(jù)

n9.1.5腳本

n第10章擴(kuò)展框架

njQuery因其活躍的插件社區(qū)而被業(yè)界廣為稱(chēng)道。同樣地，jQueryMobile也可以很方便地經(jīng)由第三方插件進(jìn)行擴(kuò)展。你可以在http://jquerymobile.com/resources/#Plugins找到最新的jQueryMobile插件。jQueryMobile支持多種形式的擴(kuò)展……

n10.1創(chuàng)建插件

n10.1.1基礎(chǔ)模板

n10.1.2創(chuàng)建插件

n10.2插件精萃

n10.2.1分頁(yè)插件

n10.2.2Bartender插件

n10.2.3DateBox插件

n10.2.4SimpleDialog插件

n10.2.5ActionSheet插件

n10.3供平板使用的插件

n10.3.1SplitView插件

n10.3.2MultiView插件

n10.4兼容的jQueryUI插件

n第11章為應(yīng)用商店打包

n有人說(shuō)，應(yīng)用商店代表了應(yīng)用的未來(lái)。說(shuō)實(shí)話(huà)，沒(méi)人知道未來(lái)的應(yīng)用發(fā)布方式究竟是基于應(yīng)用商店、基于瀏覽器，還是兩者混合的方式。使用HTML5（特別是jQueryMobile）的絕妙之處在于，我們既可以基于瀏覽器來(lái)發(fā)布應(yīng)用，也可以打包成原生應(yīng)用通過(guò)應(yīng)用商店發(fā)布。因此，如果想通過(guò)應(yīng)用商店來(lái)發(fā)布應(yīng)用，使用j……

n11.1到應(yīng)用商店去發(fā)布

n11.2自定義的發(fā)布

n11.3準(zhǔn)備打包

n11.4使用PhoneGap打包

n關(guān)于封面

n本書(shū)封面上的動(dòng)物是日本黑貂（屬于紫貂），主要生活在日本最北部的北海道島上，是生活在俄羅斯、蒙古，以及中國(guó)北方針葉林中的紫貂的一種。黑貂柔軟、光滑的貂皮很值錢(qián)。自中世紀(jì)以來(lái)，一直是獸皮貿(mào)易中的主要商品，深受早期歐洲皇室的青睞。俄羅斯產(chǎn)的貂皮最為貴重。今天，這些貂皮既有來(lái)自商業(yè)養(yǎng)殖的，也有來(lái)自野生捕殺……