HTML5高級(jí)程序設(shè)計(jì)（完整版）內(nèi)容簡(jiǎn)介
今天，大多數(shù)現(xiàn)代瀏覽器都已經(jīng)支持HTML5。學(xué)習(xí)體驗(yàn)HTML5帶給Web開發(fā)的便捷、快速和強(qiáng)大功能，是每一位Web設(shè)計(jì)和開發(fā)人員的當(dāng)務(wù)之急。
本書由舊金山HTML5用戶組創(chuàng)建人聯(lián)合另兩位資深Web開發(fā)專家共同打造，為讀者清晰解讀了HTML5規(guī)范的緣由、發(fā)展和現(xiàn)狀，全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音頻視頻等前所未有的新特性構(gòu)建先進(jìn)的Web應(yīng)用，并以大量的示例涵蓋全部HTML5 API。此外，還介紹了當(dāng)今瀏覽器對(duì)HTML5特性的支持情況。
作者簡(jiǎn)介
Peter Lubbers Kaazing文檔培訓(xùn)主管，舊金山HTML5用戶組創(chuàng)建人。作為HTML5和WebSocket的狂熱愛好者，Peter常常在國(guó)際大會(huì)上發(fā)言，還在全球范圍內(nèi)開展HTML5的技術(shù)培訓(xùn)。在加盟Kaazing前，Peter在Oracle擔(dān)任了近十年的資深信息架構(gòu)師，獲得過兩項(xiàng)軟件專利。
Brian Albers Kaazing研發(fā)中心副總裁。他有數(shù)十年的Web開發(fā)經(jīng)驗(yàn)，曾在Oracle擔(dān)任高級(jí)開發(fā)經(jīng)理。Brian是一位講演?？?，經(jīng)常在Web 2.0博覽會(huì)、AJAXWorld博覽會(huì)和Web JavaOne等國(guó)際性會(huì)議上做講演。
Frank Salim Kaazing的元老級(jí)工程師，曾參與過WebSocket網(wǎng)關(guān)和客戶端策略項(xiàng)目。他畢業(yè)于波莫納學(xué)院計(jì)算機(jī)專業(yè)，除了編程之外，還喜歡閱讀、繪畫和輪滑。
目錄
第1章 HTML5概述 1
1.1 HTML5發(fā)展史 1
1.2 關(guān)于2022年的那個(gè)神話 2
1.3 誰(shuí)在開發(fā)HTML5 3
1.4 新的認(rèn)識(shí) 3
1.4.1 兼容性和存在即合理 3
1.4.2 效率和用戶優(yōu)先 4
1.4.3 化繁為簡(jiǎn) 4
1.4.4 通用訪問 5
1.5 無(wú)插件范式 5
1.6 HTML5的新功能 8
1.6.1 新的DOCTYPE和字符集 8
1.6.2 新元素和舊元素 9
1.6.3 語(yǔ)義化標(biāo)記 9
1.6.4 使用Selectors API簡(jiǎn)化選取操作 15
1.6.5 JavaScript日志和調(diào)試 18
1.6.6 window.JSON 19
1.6.7 DOM Level 3 19
1.6.8 Monkeys、Squirrelfish和其他JavaScript引擎 19
1.7 小結(jié) 20
第2章 Canvas API 22
2.1 HTML5 Canvas概述 22
2.1.1 歷史 22
2.1.2 canvas是什么 23
2.1.3 canvas坐標(biāo) 23
2.1.4 什么情況下不用canvas 24
2.1.5 替代內(nèi)容 24
2.1.6 CSS和canvas 24
2.1.7 瀏覽器對(duì)HTML5 Canvas的支持 25
2.2 使用HTML5 Canvas API 25
2.2.1 檢測(cè)瀏覽器支持情況 25
2.2.2 在頁(yè)面中加入canvas 26
2.2.3 變換 28
2.2.4 路徑 30
2.2.5 描邊樣式 32
2.2.6 填充樣式 33
2.2.7 填充矩形區(qū)域 34
2.2.8 繪制曲線 35
2.2.9 在canvas中插入圖片 36
2.2.10 漸變 37
2.2.11 背景圖 39
2.2.12 縮放canvas對(duì)象 41
2.2.13 Canvas變換 42
2.2.14 Canvas文本 43
2.2.15 應(yīng)用陰影 45
2.2.16 像素?cái)?shù)據(jù) 46
2.2.17 Canvas的安全機(jī)制 48
2.3 使用HTML5 Canvas創(chuàng)建應(yīng)用 48
2.4 小結(jié) 52
第3章 音頻和視頻 53
3.1 HTML5 Audio和Video概述 53
3.1.1 視頻容器 53
3.1.2 音頻和視頻編解碼器 54
3.1.3 HTML5 Audio和Video的限制 55
3.1.4 audio元素和video元素的瀏覽器支持情況 56
3.2 使用HTML5 Audio和Video API 56
3.2.1 瀏覽器支持性檢測(cè) 57
3.2.2 理解媒體元素 58
3.2.3 使用audio元素 62
3.2.4 使用video元素 63
3.2.5 進(jìn)階功能 68
3.3 小結(jié) 70
第4章 Geolocation API 72
4.1 位置信息 72
4.1.1 緯度和經(jīng)度坐標(biāo) 73
4.1.2 位置信息從何而來 73
4.1.3 IP地址地理定位數(shù)據(jù) 74
4.1.4 GPS地理定位數(shù)據(jù) 74
4.1.5 Wi-Fi地理定位數(shù)據(jù) 74
4.1.6 手機(jī)地理定位數(shù)據(jù) 75
4.1.7 用戶自定義的地理定位數(shù)據(jù) 75
4.2 HTML5 Geolocation的瀏覽器支持情況 75
4.3 隱私 76
4.3.1 觸發(fā)隱私保護(hù)機(jī)制 77
4.3.2 處理位置信息 78
4.4 使用HTML5 Geolocation API 78
4.4.1 瀏覽器支持性檢查 78
4.4.2 位置請(qǐng)求 79
4.5 使用HTML5 Geolocation構(gòu)建實(shí)時(shí)應(yīng)用 83
4.5.1 編寫HTML顯示代碼 84
4.5.2 處理Geolocation數(shù)據(jù) 85
4.5.3 最終代碼 88
4.6 進(jìn)階功能 90
4.6.1 現(xiàn)在的狀態(tài)是什么 91
4.6.2 在Goolge Map上顯示“我在這里” 92
4.7 小結(jié) 93
第5章 Communication API 94
5.1 跨文檔消息通信 94
5.1.1 理解源安全 96
5.1.2 跨文檔消息通信的瀏覽器支持情況 97
5.1.3 使用postMessage API 97
5.1.4 使用postMessage API創(chuàng)建應(yīng)用 98
5.2 XMLHttpRequest Level 2 103
5.2.1 跨源XMLHttpRequest 104
5.2.2 進(jìn)度事件 105
5.2.3 XMLHttpRequest Level 2的瀏覽器支持情況 106
5.2.4 使用XMLHttpRequest API 106
5.2.5 創(chuàng)建XMLHttpRequest應(yīng)用 107
5.3 進(jìn)階功能 111
5.3.1 結(jié)構(gòu)化的數(shù)據(jù) 111
5.3.2 Framebusting 111
5.4 小結(jié) 112
第6章 WebSockets API 113
6.1 HTML5 WebSockets概述 113
6.1.1 實(shí)時(shí)和HTTP 113
6.1.2 解讀HTML5 WebSockets 115
6.2 HTML5 WebSockets的瀏覽器支持情況 120
6.3 編寫簡(jiǎn)單的Echo WebSocket服務(wù)器 120
6.4 使用HTML5 WebSockets API 126
6.4.1 瀏覽器支持情況檢測(cè) 126
6.4.2 API的基本用法 127
6.5 創(chuàng)建HTML5 WebSockets應(yīng)用程序 130
6.5.1 編寫HTML文件 131
6.5.2 添加WebSocket代碼 133
6.5.3 添加Geolocation代碼 133
6.5.4 合并所有內(nèi)容 134
6.5.5 最終代碼 136
6.6 小結(jié) 138
第7章 Forms API 139
7.1 HTML5 Forms概述 139
7.1.1 HTML Forms與XForms 139
7.1.2 功能性表單 140
7.1.3 HTML5 Forms的瀏覽器支持情況 140
7.1.4 輸入型控件目錄 141
7.2 使用HTML5 Forms API 144
7.2.1 新的表單特性和函數(shù) 144
7.2.2 表單驗(yàn)證 147
7.2.3 驗(yàn)證反饋 151
7.3 構(gòu)建HTML5 Forms應(yīng)用 152
7.4 小結(jié) 157
第8章 Web Workers API 158
8.1 HTML5 Web Workers的瀏覽器支持情況 158
8.2 使用HTML5 Web Workers API 159
8.2.1 瀏覽器支持性檢查 159
8.2.2 創(chuàng)建HTML5 Web Workers 160
8.2.3 多個(gè)JavaScript文件的加載與執(zhí)行 160
8.2.4 與HTML5 Web Workers通信 160
8.3 編寫主頁(yè) 161
8.3.1 處理錯(cuò)誤 161
8.3.2 HTML5 Web Workers 162
8.3.3 HTML5 Web Workers的嵌套使用 162
8.3.4 使用定時(shí)器 163
8.3.5 示例代碼 163
8.4 構(gòu)建HTML5 Web Workers應(yīng)用 164
8.4.1 編寫blur.js輔助腳本 165
8.4.2 編寫blur.html應(yīng)用頁(yè)面 166
8.4.3 編寫blurWorker.js 167
8.4.4 與Web Worker通信 168
8.4.5 運(yùn)行程序 169
8.4.6 示例代碼 170
8.5 小結(jié) 174
第9章 Web Storage API 175
9.1 HTML5 Web Storage概述 175
9.2 HTML5 Web Storage的瀏覽器支持情況 176
9.3 使用HTML5 Web Storage API 176
9.3.1 檢查瀏覽器的支持性 176
9.3.2 設(shè)置和獲取數(shù)據(jù) 178
9.3.3 封堵數(shù)據(jù)泄漏 179
9.3.4 localStorage與session-Storage 180
9.3.5 Web Storage API的其他特性和函數(shù) 180
9.3.6 更新Web Storage后的通信 182
9.3.7 探索Web Storage 183
9.4 構(gòu)建HTML5 Web Storage應(yīng)用 184
9.5 瀏覽器數(shù)據(jù)庫(kù)存儲(chǔ)展望 195
9.6 進(jìn)階功能 197
9.6.1 JSON對(duì)象的存儲(chǔ) 198
9.6.2 共享窗口 198
9.7 小結(jié) 200
第10章 構(gòu)建離線Web應(yīng)用 201
10.1 HTML5離線Web應(yīng)用概述 201
10.2 使用HTML5離線Web應(yīng)用API 203
10.2.1 檢查瀏覽器的支持情況 203
10.2.2 搭建簡(jiǎn)單的離線應(yīng)用程序 203
10.2.3 支持離線行為 204
10.2.4 manifest文件 204
10.2.5 applicationCache API 205
10.3 使用HTML5離線Web應(yīng)用構(gòu)建應(yīng)用 206
10.3.1 創(chuàng)建記錄資源的manifest文件 208
10.3.2 創(chuàng)建構(gòu)成界面的HTML和CSS 208
10.3.3 創(chuàng)建離線JavaScript 209
10.3.4 檢查applicationCache的支持情況 210
10.3.5 為Update按鈕添加處理函數(shù) 211
10.3.6 添加Geolocation跟蹤代碼 211
10.3.7 添加Storage功能代碼 212
10.3.8 添加離線事件處理程序 212
10.4 小結(jié) 213
第11章 HTML5未來展望 214
11.1 HTML5的瀏覽器支持情況 214
11.2 HTML未來的發(fā)展 214
11.2.1 WebGL 215
11.2.2 設(shè)備 217
11.2.3 音頻數(shù)據(jù)API 217
11.2.4 視頻元素改進(jìn) 218
11.2.5 觸摸屏設(shè)備事件 218
11.2.6 P2P網(wǎng)絡(luò) 220
11.2.7 最終方向 221
11.3 小結(jié) 221
