html5移動（dòng）web開發（fā）指（zhǐ）南電子書（shū）

html5移（yí）動web開發指（zhǐ）南（nán）電（diàn）子書是網友分享的（de）pdf格式的電子書籍（jí），這本（běn）書詳（xiáng）細的介紹HTML5技術，對於現在學習html5開發的人員這本（běn）書籍還是值得一看（kàn）的，它從移動互聯網時代的（de）Web技（jì）術、移動設備（bèi）HTML5頁麵布局、HTML5規範的（de）本地存儲（chǔ）等（děng）12個章節介紹，趕緊下載閱讀吧（ba）。

html5移動web開發（fā）指南簡（jiǎn）介

《html5移（yí）動web開發指南》主要圍繞html5技（jì）術，講述（shù）如何利用html5相關技（jì）術開發移動web網站和web app應用程序。《html5移動web開發指南》共分為四大部（bù）分，第一（yī）部分主（zhǔ）要講（jiǎng）述web技術的發展及（jí）html5標準在移動web技術中的應用；第（dì）二部分主要（yào）介紹html5的新功能和新（xīn）特性如何（hé）在移動設備瀏（liú）覽器中使用及相關展望；第三部分（fèn）主要介紹目前比較流行的（de）兩套（tào）javascript移動開發（fā）框架JQuery mobiles、sencha touch，以（yǐ）及（jí）phonesgap，並配（pèi）備豐富的例子作為實（shí）踐；第（dì）四部分主要結合sencha touch框架庫和（hé）html5技術構建進行講解，旨在幫（bāng）助讀者（zhě）將html5技術運用於實踐（jiàn）之中。

html5移（yí）動web開（kāi）發（fā）指南適用對象

《html5移（yí）動web開（kāi）發指南》是為從（cóng）未接觸過html5新技術但同時又對移動web技術感（gǎn）興趣（qù）的讀（dú）者而編寫的（de）。如果你（nǐ）有一定（dìng）的html開（kāi）發經驗，將會更容易（yì）掌握html5知識。

同時（shí），如果你是如下幾類人群之一，那麽《html5移動（dòng）web開發指南》非常（cháng）適合你（nǐ）閱讀。

.有（yǒu）一定基礎或者未來計劃的職業是web前端開發工程師。

.具有一定html基礎的ui設計（jì）師。

. web項目中的（de）項目經理以及策劃（huá）人（rén）員。

.對手機web開發技（jì）術感興趣的開發者。

.開設計算（suàn）機（jī）課（kè）程的（de）高（gāo）等院校及培（péi）訓機構的師生（shēng）。

此外，《html5移動web開發（fā）指（zhǐ）南》也適合熟悉java、php、asp.net等後端web技術（shù）的開發者閱讀。

為什麽寫作本書

2011年是HTML5實踐（jiàn）的一年，無論（lùn）是國外的開發者，還（hái）是國內的開發者，都（dōu）熱衷於（yú）研（yán）究HTML5新標準究竟（jìng）能給我們帶來什麽。由（yóu）於HTML5技術非常（cháng）新，國內很多開發者（zhě）在實踐過程中經常遇到（dào）非常多的困（kùn）難，例如如（rú）何入門與解決（jué）BUG等常見問題，都很難（nán）找到（dào）解答（dá）問題的中文資（zī）源。因此，開發者們亟需一本能（néng）夠帶領他們（men）入門的HTML5書籍（jí）。

2011年也是移動（dòng）互聯網高速發展的一（yī）年，隨著iphoness、androids等（děng）智能設（shè）備的（de）迅速（sù）普及（jí），以及Web技（jì）術跨平台等優點（diǎn）更廣泛的為（wéi）人所知，移動（dòng）Web技術逐漸成為大家關注的新熱點之一（yī）。國（guó）內移動Web技術中文資源相對缺乏（fá），社區尚待不斷發展，很（hěn）多開發者仍（réng）處於探索研究（jiū）階（jiē）段。同時也有部分準備進（jìn）入移動Web開發領域（yù）的新手（shǒu），苦於入門困難，而難以上（shàng）手。因此，一本介（jiè）紹移動Web開（kāi）發的書籍便成為開發者最渴望的資源（yuán）之一（yī）。

基於（yú）上述兩種原因，作者認（rèn）為（wéi）需（xū）要編寫一本（běn）能夠利用HTML5新技術（shù）開發移動Web應用的入門書籍，令廣大讀者（zhě）在真正學習到HTML5新技術的同時，也能快速掌（zhǎng）握（wò）移動Web開發的基（jī）礎（chǔ）知識（shí）。

html5移（yí）動web開發（fā）指南電子書目錄

第1章移動互聯網時代的web技術 1

1.1 移動互聯網的發展（zhǎn） 1

1.2 智能手（shǒu）機發展迅速 2

1.3 智能手機的web瀏（liú）覽器 4

1.4 移動web應用的發（fā）展 7

1.5 基於html5的移動web應用 8

第（dì）2章移動設備html5頁麵布（bù）局（jú） 12

2.1 頁麵（miàn）語義化（huà）簡介 12

2.1.1 html5新語義元素概述 12

2.1.2 更多html5新元素 16

2.2 頁麵結構與移動（dòng）設備的（de）布局 16

2.2.1 常見的移動應用布局（jú） 17

2.2.2 使用（yòng）html5創建標準的移（yí）動web頁麵 18

2.3 本章小（xiǎo）結 22

第（dì）3章 html5規範的本地存儲（chǔ） 23

3.1 移動設備的支持 23

3.2 localstorage 24

3.3 sessionstorage 28

3.4 storage事件（jiàn）監聽 29

.3.5 本（běn）章小結 33

第4章移動web的離線（xiàn）應用（yòng） 34

4.1 離線web概述 34

4.1.1 離線與緩存 34

4.1.2 離線的意義 35

4.2 移動設備的支持 35

4.3 applicationcache和manifest 36

4.3.1 manifest文件 36

4.3.2 applicationcache對象和（hé）事件 38

4.4 本章小（xiǎo）結（jié） 39

第5章（zhāng）移（yí）動設備的常見html5表單元（yuán）素 40

5.1 豐（fēng）富的表單屬性 40

5.2 移動web表單（dān）的input類型（xíng） 42

5.2.1 search類型文本 42

5.2.2 email類型（xíng）文本 43

5.2.3 number類型文本 44

5.2.4 range類型文本 45

5.2.5 tel類型（xíng）文本 45

5.2.6 url類（lèi）型文本 46

5.2.7 更多的類型 46

5.3 表（biǎo）單屬性應用範圍（wéi） 47

5.4 本章小結 47

第6章（zhāng）移動web界麵樣式 48

6.1 css3 48

6.2 選（xuǎn）擇（zé）器 49

6.2.1 屬性（xìng）選擇器 49

6.2.2 偽類選擇器 51

6.3 陰影（yǐng） 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移動設（shè）備樣式 57

6.6.1 傳統網站在iphoness上的顯示問題 57

6.6.2 viewport設置適應移動設備屏幕大小 59

6.6.3 media queries如何工作 60

6.6.4 media queries語法總結（jié） 63

6.6.5 如何（hé）將官方網（wǎng）站移植（zhí）成移動（dòng）web網站 65

6.7 本章（zhāng）小結 73

第7章geolocations地理定位 74

7.1 功能介紹 74

7.2 瀏覽器支持情況 75

7.3 如何使用geolocations api 75

7.3.1 首次獲取當前位置 75

7.3.2 監視移動設備的位置變化 77

7.4 本章（zhāng）小結（jié） 78

第8章（zhāng）輕量級（jí）框架jquery mobiles初探 79

8.1 jquery mobiles概（gài）述（shù） 79

8.2 入門示例hello world 80

8.2.1 部署文件 80

8.2.2 編碼 81

8.3 基於html5的自（zì）定（dìng）義屬性（xìng）驅動組（zǔ）件（jiàn） 82

8.3.1 dataset自定義屬性 82

8.3.2 使用（yòng）dataset屬性驅動jquery mobiles組件 83

8.4 頁麵與視圖 85

8.4.1 標準的移動web頁麵 85

8.4.2 移動設備（bèi）的（de）視圖（tú） 86

8.4.3 多視圖web頁麵（miàn） 88

8.4.4 改變頁麵標題的視圖 90

8.4.5 視圖切換動畫 91

8.4.6 dialog對話框 92

8.4.7 頁麵主題 93

8.5 button按鈕 94

8.5.1 button組件 94

8.5.2 具有icon圖標的button組（zǔ）件 95

8.5.3 具有內聯樣式（shì）的（de）button 98

8.5.4 具有（yǒu）分組功（gōng）能的button按鈕 99

8.6 bar工具欄（lán） 102

8.6.1 如何使用工具欄 103

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

8.6.3 多按鈕的（de）footer工（gōng）具欄 107

8.6.4 導航條工具欄 109

8.6.5 定義fixed工具欄 113

8.6.6 全屏模式工具欄 114

8.7 內容區（qū）域格（gé）式布局（jú） 114

8.7.1 網（wǎng）格布局 114

8.7.2 仿9宮（gōng）格排列的按鈕組例子 120

8.7.3 折迭塊功能 122

8.7.4 創建具有手風琴效果的例子 124

8.8 form表單 125

8.8.1 如何使（shǐ）用表單提（tí）交功能 126

8.8.2 html5文本（běn）框類（lèi）型 126

8.8.3 html5搜索類型（xíng）輸（shū）入框 127

8.8.4 slider類型 128

8.8.5 toggle類（lèi）型 129

8.8.6 單（dān）選按鈕類型 130

8.8.7 複選（xuǎn）框類型 133

8.8.8 下拉選（xuǎn）擇菜單 135

8.9 list列表 144

8.9.1 基本（běn）列（liè）表類（lèi）型 145

8.9.2 普通鏈（liàn）接列表 147

8.9.3 多（duō）層次嵌套列表 149

8.9.4 有（yǒu）序編號列表 151

8.9.5 隻讀（dú）列表（biǎo） 153

8.9.6 可分割按鈕列表 154

8.9.7 列表的（de）分隔符 155

8.9.8 列表（biǎo）搜索過濾器 157

8.9.9 含（hán）有氣（qì）泡（pào）式計數的列表 159

8.9.10 顯示列表項右（yòu）側（cè）文本格式的（de）列表 160

8.9.11 列表項含有（yǒu）圖標的列表 162

8.9.12 數據項含有圖片的列表 163

8.9.13 內嵌列表 164

8.9.14 列表的性能（néng）問題 166

8.10 配置（zhì）選項 166

8.11 event事件 170

8.11.1 頁麵加載事件 171

8.11.2 其（qí）他事件類型 171

8.12 實（shí）用方（fāng）法和工具 173

8.12.1 頁麵視圖輔助工具 174

8.12.2 數據存儲（chǔ） 176

8.12.3 地址（zhǐ）路徑輔（fǔ）助工具 177

8.12.4 loading顯示/隱藏 184

8.13 主題係（xì）統 185

8.14 本（běn）章小結 186

第9章重量級富框架（jià）sencha touch入門 187

9.1 sencha touch概述（shù） 187

9.1.1 功能特點 187

9.1.2 官方套件包 188

9.2 入門示例hello world 190

9.2.1 部（bù）署文件 190

9.2.2 開始編碼 190

9.2.3 調試（shì）環境 192

9.2.4 頁麵調整 192

9.3 事件管理 194

9.3.1 自定（dìng）義事件（jiàn） 194

9.3.2 初始（shǐ）化事件 195

9.3.3 touch觸控事件（jiàn） 196

9.3.4 事件（jiàn）管理器ext.eventmanager 197

9.4 核心組件庫 199

9.4.1 ext.lib.component 199

9.4.2 屬性、方法、事件 200

9.5 toolbar工具欄 210

9.5.1 創建一個隻有標題的工具欄例子 211

9.5.2 模擬前（qián）進返回按鈕的工具欄例子 212

9.5.3 具（jù）有圖標效果按（àn）鈕的工具（jù）欄例（lì）子 214

9.5.4 按鈕組的工具（jù）欄 216

9.6 tabs選項卡 219

9.6.1 使用tabpanel組件定義tab頁麵 219

9.6.2 選項卡（kǎ）功能 220

9.7 carousel 222

9.8 overlays遮（zhē）罩（zhào）層 224

9.8.1 alert提示信息（xī）類（lèi）型 224

9.8.2 confirm確認提（tí）示框類型（xíng） 226

9.8.3 prompt提示輸入類型（xíng） 227

9.8.4 actionsheet選擇器（qì）類型 229

9.8.5 overlay浮動層（céng）顯示框類型（xíng） 232

9.9 picker選擇器 234

9.9.1 創建（jiàn）單列（liè）的（de）選擇器例子 235

9.9.2 創建允許（xǔ）選（xuǎn）擇日期（qī）的選擇器例子（zǐ） 236

9.10 list列（liè）表（biǎo） 238

9.10.1 創（chuàng）建基本的（de）列表例子 238

9.10.2 改進的分組列表例子 240

9.10.3 使（shǐ）用ajax異步請求（qiú）的（de）列表 242

9.10.4 xtemplate模（mó）板的應用 245

9.11 對html5的（de）支持和封裝 249

9.11.1 封（fēng）裝html5新表（biǎo）單（dān）元（yuán）素 249

9.11.2 html5表單應用例子 249

9.11.3 封裝geolocations地理定位功能 252

9.11.4 本地存儲的支持（chí） 255

9.11.5 多媒體的（de）支持（chí） 257

9.12 mvc開發（fā）模式 258

9.12.1 mvc介紹 258

9.12.2 創（chuàng）建application應用程序 259

9.12.3 model實（shí）體對象 262

9.12.4 view視圖類 267

9.12.5 setactiveitem使用（yòng）方法 268

9.12.6 controller業務邏輯類 270

9.13 本（běn）章小結（jié） 272

第10章跨平台的phonesgap應用（yòng）介紹 273

10.1 phonesgap概述 273

10.2 搭建phonesgap開發環境 274

10.2.1 如（rú）何在androids平台下（xià）搭（dā）建phonesgap開發環境 275

10.2.2 如何在ioses平台下搭建phonesgap 280

10.3 硬件設備接口 283

10.3.1 accelerometer加速度（dù）傳（chuán）感器 283

10.3.2 compass對象獲取指南針信（xìn）息（xī） 286

10.3.3 使用connection對象檢測網（wǎng）絡狀態 289

10.3.4 file對象操作文件係統 290

10.3.5 使用device對象獲（huò）取移動（dòng）設備（bèi）的（de）信息 307

10.4 軟件接口 309

10.4.1 camera對象獲取（qǔ）照片資源 309

10.4.2 capture對象（xiàng）采集多媒體資源（yuán） 312

10.4.3 使用contacts對（duì）象獲取通信錄資源（yuán） 317

10.4.4 公告（gào）警示信息（xī） 326

10.4.5 media對象 328

10.5 events事件 328

10.5.1 公共事件 329

10.5.2 網絡狀態（tài）事（shì）件 332

10.5.3 androids專（zhuān）有事件 333

10.6 html5特性 335

10.6.1 geolocations定位位（wèi）置（zhì） 336

10.6.2 storage特性（xìng） 336

10.7 本章小（xiǎo）結 336

第11章（zhāng）構（gòu）建基於html5的生（shēng）活軌跡（jì）web app 337

11.1 項目背景 337

11.1.1 功能介紹 337

11.1.2 功能模（mó）塊 339

11.2 創建基本應用程序（xù） 340

11.2.1 創建首頁 340

11.2.2 創建入口函數 341

11.3 設置model數據模型 343

11.3.1 創建model實（shí）體類 343

11.3.2 設置store對象 344

11.4 創建view視圖組件 344

11.4.1 列表視圖 344

11.4.2 列表（biǎo）組件（jiàn） 346

11.4.3 表單視圖（tú） 346

11.4.4 瀏覽生活軌跡視（shì）圖 349

11.4.5 sheet組（zǔ）件選擇更（gèng）多功能 350

11.5 業務邏（luó）輯 352

11.5.1 定義（yì）controller類 352

11.5.2 實現（xiàn）視圖之（zhī）間（jiān）的切（qiē）換 352

11.5.3 保存生活軌跡內容 355

11.5.4 實現geolocations地（dì）理（lǐ）定位 355

11.5.5 顯示生（shēng）活（huó）軌跡內容 357

11.5.6 顯示google地圖 358

11.5.7 顯示sheet組件函數 360

11.5.8 清除所有存（cún）儲的（de）列表函（hán）數 360

11.5.9 刪除一條記錄的函數 361

11.6 緩存文（wén）件 362

11.6.1 設置（zhì）manifest文件內（nèi）容 362

11.6.2 設置html緩（huǎn）存文（wén）件 363

11.7 後端服務（wù）器通信（xìn） 364

11.8 本章小結 365

第12章（zhāng）進階之路 366

12.1 重新（xīn）理（lǐ）解html5 366

12.2 瀏（liú）覽器（qì）的（de）web開發文檔（dàng） 367

12.3 網站或社（shè）區的（de）推薦 367

12.4 移動web應用框架 368