html5移動(dòng)web開發(fā)指南電子書

html5移動(dòng)web開發(fā)指南電子書是網(wǎng)友分享的pdf格式的電子書籍，這本書詳細(xì)的介紹HTML5技術(shù)，對(duì)于現(xiàn)在學(xué)習(xí)html5開發(fā)的人員這本書籍還是值得一看的，它從移動(dòng)互聯(lián)網(wǎng)時(shí)代的Web技術(shù)、移動(dòng)設(shè)備HTML5頁(yè)面布局、HTML5規(guī)范的本地存儲(chǔ)等12個(gè)章節(jié)介紹，趕緊下載閱讀吧。

html5移動(dòng)web開發(fā)指南簡(jiǎn)介

《html5移動(dòng)web開發(fā)指南》主要圍繞html5技術(shù)，講述如何利用html5相關(guān)技術(shù)開發(fā)移動(dòng)web網(wǎng)站和web app應(yīng)用程序?！秇tml5移動(dòng)web開發(fā)指南》共分為四大部分，第一部分主要講述web技術(shù)的發(fā)展及html5標(biāo)準(zhǔn)在移動(dòng)web技術(shù)中的應(yīng)用；第二部分主要介紹html5的新功能和新特性如何在移動(dòng)設(shè)備瀏覽器中使用及相關(guān)展望；第三部分主要介紹目前比較流行的兩套javascript移動(dòng)開發(fā)框架JQuery mobile、sencha touch，以及phonegap，并配備豐富的例子作為實(shí)踐；第四部分主要結(jié)合sencha touch框架庫(kù)和html5技術(shù)構(gòu)建進(jìn)行講解，旨在幫助讀者將html5技術(shù)運(yùn)用于實(shí)踐之中。

html5移動(dòng)web開發(fā)指南適用對(duì)象

《html5移動(dòng)web開發(fā)指南》是為從未接觸過html5新技術(shù)但同時(shí)又對(duì)移動(dòng)web技術(shù)感興趣的讀者而編寫的。如果你有一定的html開發(fā)經(jīng)驗(yàn)，將會(huì)更容易掌握html5知識(shí)。

同時(shí)，如果你是如下幾類人群之一，那么《html5移動(dòng)web開發(fā)指南》非常適合你閱讀。

.有一定基礎(chǔ)或者未來(lái)計(jì)劃的職業(yè)是web前端開發(fā)工程師。

.具有一定html基礎(chǔ)的ui設(shè)計(jì)師。

. web項(xiàng)目中的項(xiàng)目經(jīng)理以及策劃人員。

.對(duì)手機(jī)web開發(fā)技術(shù)感興趣的開發(fā)者。

.開設(shè)計(jì)算機(jī)課程的高等院校及培訓(xùn)機(jī)構(gòu)的師生。

此外，《html5移動(dòng)web開發(fā)指南》也適合熟悉java、php、asp.net等后端web技術(shù)的開發(fā)者閱讀。

為什么寫作本書

2011年是HTML5實(shí)踐的一年，無(wú)論是國(guó)外的開發(fā)者，還是國(guó)內(nèi)的開發(fā)者，都熱衷于研究HTML5新標(biāo)準(zhǔn)究竟能給我們帶來(lái)什么。由于HTML5技術(shù)非常新，國(guó)內(nèi)很多開發(fā)者在實(shí)踐過程中經(jīng)常遇到非常多的困難，例如如何入門與解決BUG等常見問題，都很難找到解答問題的中文資源。因此，開發(fā)者們亟需一本能夠帶領(lǐng)他們?nèi)腴T的HTML5書籍。

2011年也是移動(dòng)互聯(lián)網(wǎng)高速發(fā)展的一年，隨著iPhone、Android等智能設(shè)備的迅速普及，以及Web技術(shù)跨平臺(tái)等優(yōu)點(diǎn)更廣泛的為人所知，移動(dòng)Web技術(shù)逐漸成為大家關(guān)注的新熱點(diǎn)之一。國(guó)內(nèi)移動(dòng)Web技術(shù)中文資源相對(duì)缺乏，社區(qū)尚待不斷發(fā)展，很多開發(fā)者仍處于探索研究階段。同時(shí)也有部分準(zhǔn)備進(jìn)入移動(dòng)Web開發(fā)領(lǐng)域的新手，苦于入門困難，而難以上手。因此，一本介紹移動(dòng)Web開發(fā)的書籍便成為開發(fā)者最渴望的資源之一。

基于上述兩種原因，作者認(rèn)為需要編寫一本能夠利用HTML5新技術(shù)開發(fā)移動(dòng)Web應(yīng)用的入門書籍，令廣大讀者在真正學(xué)習(xí)到HTML5新技術(shù)的同時(shí)，也能快速掌握移動(dòng)Web開發(fā)的基礎(chǔ)知識(shí)。

html5移動(dòng)web開發(fā)指南電子書目錄

第1章移動(dòng)互聯(lián)網(wǎng)時(shí)代的web技術(shù) 1

1.1 移動(dòng)互聯(lián)網(wǎng)的發(fā)展 1

1.2 智能手機(jī)發(fā)展迅速 2

1.3 智能手機(jī)的web瀏覽器 4

1.4 移動(dòng)web應(yīng)用的發(fā)展 7

1.5 基于html5的移動(dòng)web應(yīng)用 8

第2章移動(dòng)設(shè)備html5頁(yè)面布局 12

2.1 頁(yè)面語(yǔ)義化簡(jiǎn)介 12

2.1.1 html5新語(yǔ)義元素概述 12

2.1.2 更多html5新元素 16

2.2 頁(yè)面結(jié)構(gòu)與移動(dòng)設(shè)備的布局 16

2.2.1 常見的移動(dòng)應(yīng)用布局 17

2.2.2 使用html5創(chuàng)建標(biāo)準(zhǔn)的移動(dòng)web頁(yè)面 18

2.3 本章小結(jié) 22

第3章 html5規(guī)范的本地存儲(chǔ) 23

3.1 移動(dòng)設(shè)備的支持 23

3.2 localstorage 24

3.3 sessionstorage 28

3.4 storage事件監(jiān)聽 29

.3.5 本章小結(jié) 33

第4章移動(dòng)web的離線應(yīng)用 34

4.1 離線web概述 34

4.1.1 離線與緩存 34

4.1.2 離線的意義 35

4.2 移動(dòng)設(shè)備的支持 35

4.3 applicationcache和manifest 36

4.3.1 manifest文件 36

4.3.2 applicationcache對(duì)象和事件 38

4.4 本章小結(jié) 39

第5章移動(dòng)設(shè)備的常見html5表單元素 40

5.1 豐富的表單屬性 40

5.2 移動(dòng)web表單的input類型 42

5.2.1 search類型文本 42

5.2.2 email類型文本 43

5.2.3 number類型文本 44

5.2.4 range類型文本 45

5.2.5 tel類型文本 45

5.2.6 url類型文本 46

5.2.7 更多的類型 46

5.3 表單屬性應(yīng)用范圍 47

5.4 本章小結(jié) 47

第6章移動(dòng)web界面樣式 48

6.1 css3 48

6.2 選擇器 49

6.2.1 屬性選擇器 49

6.2.2 偽類選擇器 51

6.3 陰影 53

6.3.1 box-shadow 53

6.3.2 text-shadow 54

6.4 背景 54

6.4.1 background-size 55

6.4.2 background-clip 55

6.4.3 background-origin 55

6.4.4 background 56

6.5 圓角邊框 56

6.6 media queries移動(dòng)設(shè)備樣式 57

6.6.1 傳統(tǒng)網(wǎng)站在iphone上的顯示問題 57

6.6.2 viewport設(shè)置適應(yīng)移動(dòng)設(shè)備屏幕大小 59

6.6.3 media queries如何工作 60

6.6.4 media queries語(yǔ)法總結(jié) 63

6.6.5 如何將官方網(wǎng)站移植成移動(dòng)web網(wǎng)站 65

6.7 本章小結(jié) 73

第7章geolocation地理定位 74

7.1 功能介紹 74

7.2 瀏覽器支持情況 75

7.3 如何使用geolocation api 75

7.3.1 首次獲取當(dāng)前位置 75

7.3.2 監(jiān)視移動(dòng)設(shè)備的位置變化 77

7.4 本章小結(jié) 78

第8章輕量級(jí)框架jquery mobile初探 79

8.1 jquery mobile概述 79

8.2 入門示例hello world 80

8.2.1 部署文件 80

8.2.2 編碼 81

8.3 基于html5的自定義屬性驅(qū)動(dòng)組件 82

8.3.1 dataset自定義屬性 82

8.3.2 使用dataset屬性驅(qū)動(dòng)jquery mobile組件 83

8.4 頁(yè)面與視圖 85

8.4.1 標(biāo)準(zhǔn)的移動(dòng)web頁(yè)面 85

8.4.2 移動(dòng)設(shè)備的視圖 86

8.4.3 多視圖web頁(yè)面 88

8.4.4 改變頁(yè)面標(biāo)題的視圖 90

8.4.5 視圖切換動(dòng)畫 91

8.4.6 dialog對(duì)話框 92

8.4.7 頁(yè)面主題 93

8.5 button按鈕 94

8.5.1 button組件 94

8.5.2 具有icon圖標(biāo)的button組件 95

8.5.3 具有內(nèi)聯(lián)樣式的button 98

8.5.4 具有分組功能的button按鈕 99

8.6 bar工具欄 102

8.6.1 如何使用工具欄 103

8.6.2 含有后退按鈕的header工具欄 104

8.6.3 多按鈕的footer工具欄 107

8.6.4 導(dǎo)航條工具欄 109

8.6.5 定義fixed工具欄 113

8.6.6 全屏模式工具欄 114

8.7 內(nèi)容區(qū)域格式布局 114

8.7.1 網(wǎng)格布局 114

8.7.2 仿9宮格排列的按鈕組例子 120

8.7.3 折迭塊功能 122

8.7.4 創(chuàng)建具有手風(fēng)琴效果的例子 124

8.8 form表單 125

8.8.1 如何使用表單提交功能 126

8.8.2 html5文本框類型 126

8.8.3 html5搜索類型輸入框 127

8.8.4 slider類型 128

8.8.5 toggle類型 129

8.8.6 單選按鈕類型 130

8.8.7 復(fù)選框類型 133

8.8.8 下拉選擇菜單 135

8.9 list列表 144

8.9.1 基本列表類型 145

8.9.2 普通鏈接列表 147

8.9.3 多層次嵌套列表 149

8.9.4 有序編號(hào)列表 151

8.9.5 只讀列表 153

8.9.6 可分割按鈕列表 154

8.9.7 列表的分隔符 155

8.9.8 列表搜索過濾器 157

8.9.9 含有氣泡式計(jì)數(shù)的列表 159

8.9.10 顯示列表項(xiàng)右側(cè)文本格式的列表 160

8.9.11 列表項(xiàng)含有圖標(biāo)的列表 162

8.9.12 數(shù)據(jù)項(xiàng)含有圖片的列表 163

8.9.13 內(nèi)嵌列表 164

8.9.14 列表的性能問題 166

8.10 配置選項(xiàng) 166

8.11 event事件 170

8.11.1 頁(yè)面加載事件 171

8.11.2 其他事件類型 171

8.12 實(shí)用方法和工具 173

8.12.1 頁(yè)面視圖輔助工具 174

8.12.2 數(shù)據(jù)存儲(chǔ) 176

8.12.3 地址路徑輔助工具 177

8.12.4 loading顯示/隱藏 184

8.13 主題系統(tǒng) 185

8.14 本章小結(jié) 186

第9章重量級(jí)富框架sencha touch入門 187

9.1 sencha touch概述 187

9.1.1 功能特點(diǎn) 187

9.1.2 官方套件包 188

9.2 入門示例hello world 190

9.2.1 部署文件 190

9.2.2 開始編碼 190

9.2.3 調(diào)試環(huán)境 192

9.2.4 頁(yè)面調(diào)整 192

9.3 事件管理 194

9.3.1 自定義事件 194

9.3.2 初始化事件 195

9.3.3 touch觸控事件 196

9.3.4 事件管理器ext.eventmanager 197

9.4 核心組件庫(kù) 199

9.4.1 ext.lib.component 199

9.4.2 屬性、方法、事件 200

9.5 toolbar工具欄 210

9.5.1 創(chuàng)建一個(gè)只有標(biāo)題的工具欄例子 211

9.5.2 模擬前進(jìn)返回按鈕的工具欄例子 212

9.5.3 具有圖標(biāo)效果按鈕的工具欄例子 214

9.5.4 按鈕組的工具欄 216

9.6 tabs選項(xiàng)卡 219

9.6.1 使用tabpanel組件定義tab頁(yè)面 219

9.6.2 選項(xiàng)卡功能 220

9.7 carousel 222

9.8 overlays遮罩層 224

9.8.1 alert提示信息類型 224

9.8.2 confirm確認(rèn)提示框類型 226

9.8.3 prompt提示輸入類型 227

9.8.4 actionsheet選擇器類型 229

9.8.5 overlay浮動(dòng)層顯示框類型 232

9.9 picker選擇器 234

9.9.1 創(chuàng)建單列的選擇器例子 235

9.9.2 創(chuàng)建允許選擇日期的選擇器例子 236

9.10 list列表 238

9.10.1 創(chuàng)建基本的列表例子 238

9.10.2 改進(jìn)的分組列表例子 240

9.10.3 使用ajax異步請(qǐng)求的列表 242

9.10.4 xtemplate模板的應(yīng)用 245

9.11 對(duì)html5的支持和封裝 249

9.11.1 封裝html5新表單元素 249

9.11.2 html5表單應(yīng)用例子 249

9.11.3 封裝geolocation地理定位功能 252

9.11.4 本地存儲(chǔ)的支持 255

9.11.5 多媒體的支持 257

9.12 mvc開發(fā)模式 258

9.12.1 mvc介紹 258

9.12.2 創(chuàng)建application應(yīng)用程序 259

9.12.3 model實(shí)體對(duì)象 262

9.12.4 view視圖類 267

9.12.5 setactiveitem使用方法 268

9.12.6 controller業(yè)務(wù)邏輯類 270

9.13 本章小結(jié) 272

第10章跨平臺(tái)的phonegap應(yīng)用介紹 273

10.1 phonegap概述 273

10.2 搭建phonegap開發(fā)環(huán)境 274

10.2.1 如何在android平臺(tái)下搭建phonegap開發(fā)環(huán)境 275

10.2.2 如何在ios平臺(tái)下搭建phonegap 280

10.3 硬件設(shè)備接口 283

10.3.1 accelerometer加速度傳感器 283

10.3.2 compass對(duì)象獲取指南針信息 286

10.3.3 使用connection對(duì)象檢測(cè)網(wǎng)絡(luò)狀態(tài) 289

10.3.4 file對(duì)象操作文件系統(tǒng) 290

10.3.5 使用device對(duì)象獲取移動(dòng)設(shè)備的信息 307

10.4 軟件接口 309

10.4.1 camera對(duì)象獲取照片資源 309

10.4.2 capture對(duì)象采集多媒體資源 312

10.4.3 使用contacts對(duì)象獲取通信錄資源 317

10.4.4 公告警示信息 326

10.4.5 media對(duì)象 328

10.5 events事件 328

10.5.1 公共事件 329

10.5.2 網(wǎng)絡(luò)狀態(tài)事件 332

10.5.3 android專有事件 333

10.6 html5特性 335

10.6.1 geolocation定位位置 336

10.6.2 storage特性 336

10.7 本章小結(jié) 336

第11章構(gòu)建基于html5的生活軌跡web app 337

11.1 項(xiàng)目背景 337

11.1.1 功能介紹 337

11.1.2 功能模塊 339

11.2 創(chuàng)建基本應(yīng)用程序 340

11.2.1 創(chuàng)建首頁(yè) 340

11.2.2 創(chuàng)建入口函數(shù) 341

11.3 設(shè)置model數(shù)據(jù)模型 343

11.3.1 創(chuàng)建model實(shí)體類 343

11.3.2 設(shè)置store對(duì)象 344

11.4 創(chuàng)建view視圖組件 344

11.4.1 列表視圖 344

11.4.2 列表組件 346

11.4.3 表單視圖 346

11.4.4 瀏覽生活軌跡視圖 349

11.4.5 sheet組件選擇更多功能 350

11.5 業(yè)務(wù)邏輯 352

11.5.1 定義controller類 352

11.5.2 實(shí)現(xiàn)視圖之間的切換 352

11.5.3 保存生活軌跡內(nèi)容 355

11.5.4 實(shí)現(xiàn)geolocation地理定位 355

11.5.5 顯示生活軌跡內(nèi)容 357

11.5.6 顯示google地圖 358

11.5.7 顯示sheet組件函數(shù) 360

11.5.8 清除所有存儲(chǔ)的列表函數(shù) 360

11.5.9 刪除一條記錄的函數(shù) 361

11.6 緩存文件 362

11.6.1 設(shè)置manifest文件內(nèi)容 362

11.6.2 設(shè)置html緩存文件 363

11.7 后端服務(wù)器通信 364

11.8 本章小結(jié) 365

第12章進(jìn)階之路 366

12.1 重新理解html5 366

12.2 瀏覽器的web開發(fā)文檔 367

12.3 網(wǎng)站或社區(qū)的推薦 367

12.4 移動(dòng)web應(yīng)用框架 368