PhoneGap的目的是用來快速開發(fā)移動(dòng)跨平臺(tái)APP，它基于HTML5 支持市面上流行的移動(dòng)設(shè)備。構(gòu)建跨平臺(tái)APP:HTML5PhoneGap移動(dòng)應(yīng)用實(shí)戰(zhàn)'的特色就是快速學(xué)習(xí)如何利用HTML5和PhoneGap開發(fā)移動(dòng)APP?！稑?gòu)建跨平臺(tái)APP:HTML5PhoneGap移動(dòng)應(yīng)用實(shí)戰(zhàn)》分為三篇?？壳捌榻BHTML5為移動(dòng)頁面設(shè)計(jì)的一些新元素，包含移動(dòng)開發(fā)的大背景、移動(dòng)布局、地理位置、Web存儲(chǔ)、多媒體等等；D1二篇介紹PhondeGap輔助HTML5開發(fā)應(yīng)用的一些API 包含事件處理、信息處理、加速度、地理位置、指南針、本地存儲(chǔ)和多媒體等等：很后一篇通過兩個(gè)實(shí)例，介紹了HTML5PhoneGap開發(fā)移動(dòng)APP的兩個(gè)項(xiàng)目開發(fā)流程和實(shí)現(xiàn)代碼。

目錄

D11章HTML5移動(dòng)開發(fā)的大背景
1.1HTML5是什么
1.1.1HTML5的發(fā)展史
1.1.2如何學(xué)習(xí)HTML5
1.2搭建HTML5的移動(dòng)Web開發(fā)環(huán)境
1.2.1開發(fā)工具SublimeText
1.2.2瀏覽器Chrome或Firefox
1.2.3瀏覽器下的移動(dòng)測試環(huán)境
1.3制作一個(gè)簡單的HTML5標(biāo)準(zhǔn)移動(dòng)Web頁面
1.4檢測移動(dòng)設(shè)備是否支持HTML5標(biāo)簽
1.4.1原生的標(biāo)簽兼容提示
142瀏覽器檢測
1.4.3特征檢測
1.5為什么HTML5需要PhoneGaD
1.6小結(jié)
D12章HTML5的頁面元素
2.1從全局了解HTML5
2.1.1顯示內(nèi)容的交互
2.1.2HTML5頁面與XHTML頁面的對比
2.1.3元素的使用場景和使用方法
2.1.4HTML5中的字符集
2.2HTML5表單元素的變化
2.2.1新增的input元素
2.2.2新增的input屬性
2.2.3HTML5表單的驗(yàn)證方法
2.3HTML5專為移動(dòng)設(shè)計(jì)的拖放
2.3.1控制拖放操作
2.3.2監(jiān)聽拖放事件
2.3.3看看這些帶拖放功能的網(wǎng)站
2.4實(shí)例：構(gòu)建網(wǎng)頁的拖放應(yīng)用
2.5小結(jié)
D13章HTML5的移動(dòng)布局
3.1移動(dòng)頁面的樣式設(shè)計(jì)利器CSS3
3.1.1個(gè)性化的字體
3.1.2可重復(fù)使用的背景圖
3.1.3輕松實(shí)現(xiàn)文字效果
3.1.4設(shè)計(jì)邊框特效
3.1.5實(shí)現(xiàn)文本的多列布局
3.1.6轉(zhuǎn)換特效
3.1.7過渡特效
3.2響應(yīng)式Web設(shè)計(jì)
3.2.1什么是響應(yīng)式Web設(shè)計(jì)
3.2.2流式布局
3.2.3媒體查詢
3.2.4TwitterBootstrap理念
3.2.5將Bootstrap應(yīng)用到自己的項(xiàng)目中
3.3實(shí)例：應(yīng)用媒介查詢制作響應(yīng)式導(dǎo)航欄
3.4小結(jié)
D14章HTML5的地理位置定位
4.1復(fù)習(xí)一下緯度和經(jīng)度
4.2了解GeolocationAPI
4.2.1Geolocation提供的方法
4.2.2Geolocation提供的地理數(shù)據(jù)
4.2.3檢測瀏覽器是否支持地理定位
4.3使用GeolocationAPI
4.3.1獲取用戶當(dāng)前的地理位置
4.3.2訪問地理位置的安全問題
4.4實(shí)例1：手機(jī)地理定位
4.5實(shí)例2：使用谷歌地圖查找路線
4.6小結(jié)
D15章HTML5的WebWorkers
5.1認(rèn)識(shí)WebWorkers
5.1.1WebWorkers的應(yīng)用場合
5.1.2與HTML5WebWorkers通信
5.1.3多個(gè)文件的加載
5.1.4終止WebWorkers的監(jiān)聽操作
5.1.5利用WebWorkers創(chuàng)建一個(gè)簡單的頁面計(jì)數(shù)器
5.2實(shí)戰(zhàn)WebWorkers
5.2.1實(shí)例1：大數(shù)量的圖片處理
5.2.2實(shí)例2：實(shí)現(xiàn)微博消息的實(shí)時(shí)推送
5.2.3實(shí)例3：預(yù)覽網(wǎng)頁的內(nèi)容
5.2.4實(shí)例4：定時(shí)給網(wǎng)站用戶發(fā)消息
5.3小結(jié)
D16章HTML5的Web存儲(chǔ)
6.1認(rèn)識(shí)HTML5的WebStorage
6.1.1為什么使用WebStorage
6.1.2Web的存儲(chǔ)方式：LocalStorage與SessionStorage
6.1.3WebStorage如何獲取和保存數(shù)據(jù)
6.2網(wǎng)站本地存儲(chǔ)兼容性方案
6.3如何在實(shí)際開發(fā)中使用本地存儲(chǔ)
6.4實(shí)例1：保存與讀取登錄用戶名與密碼
6.5實(shí)例2：共享存儲(chǔ)數(shù)據(jù)
6.6小結(jié)
D17章HTML5的多媒體
7.1視頻的進(jìn)化
7.1.1常見的視頻格式
7.1.2傳統(tǒng)的網(wǎng)頁視頻與HTML5視頻
7.2HTML5中的音頻
7.3使用控制播放
7.4audio標(biāo)簽和video標(biāo)簽的瀏覽器支持情況
7.5音視頻的實(shí)時(shí)通信
7.6打造自己的音頻播放器
7.7打造自己的視頻播放器
7.8小結(jié)
D18章PhoneGap入門
8.1走近PhoneGap
8.1.1PhoneGap的發(fā)展歷史
8.1.2PhoneGap的特色
8.2搭建PhoneGap的開發(fā)環(huán)境
8.2.1安裝NodeJS
8.2.2安裝PhoneGap
8.2.3安裝PhoneGapDesktopAPP進(jìn)行測試
8.3創(chuàng)建D1一個(gè)PhoneGapAPP
8.4PhorieGapDesktopAPP常見的幾個(gè)錯(cuò)誤
8.5PhoneGap你要知道的知識(shí)
8.5.1編輯工具的xuan擇
8.5.2PhoneGap中有哪砦API
8.5.3使用云在線編譯PhoneGap
8.6在PhoneGap中調(diào)試HTML5程序
8.7小結(jié)
D19章PhoneGap的事件處理
9.1程序也有生命周期
9.1.1程序?qū)ι芷诘亩x
9.1.2PhoneGap的生命周期
9.2事件實(shí)戰(zhàn)
9.2.1使用程序加載事件
9.2.2使用被動(dòng)消息事件
9.2.3使用主動(dòng)消息事件
9.3PhoneGap中文亂碼的解決方案
9.4小結(jié)
D110章PhoneGap對信息的處理
10.1使用PhoneGap獲取移動(dòng)設(shè)備信息
10.2PhoneGap程序運(yùn)行慢的解決方案
10.3實(shí)例：用PhoneGap制作查看設(shè)備的應(yīng)用
10.3.1APP的界面設(shè)計(jì)
10.3.2APP的功能實(shí)現(xiàn)
10.4通訊錄信息的獲取
10.4.1創(chuàng)建一個(gè)聯(lián)系人
10.4.2查找通訊錄
10.4.3聯(lián)系人包括哪些屬性
10.4.4聯(lián)系人的各種編輯操作
10.4.5復(fù)雜的聯(lián)系人屬性ContactField
10.5PhoneGap的消息提示
10.5.1notification警告的使用
10.5.2確認(rèn)對話框的使用
10.5.3顯示可以傳遞參數(shù)的對話框
10.5.4控制蜂鳴器和震動(dòng)
10.6小結(jié)
D111章加速度、地理位置和指南針
……
D112章PhoneGap中的多媒體控制
D113章PhoneGap的本地存儲(chǔ)
D114章一個(gè)簡單的“今日頭條”新聞APP
D115章HTML5PhoneGap實(shí)現(xiàn)通訊錄APP
附錄安卓開發(fā)環(huán)境的搭建