此部分為隱藏內(nèi)容，請(qǐng)輸入驗(yàn)證碼后查看
掃描右側(cè)圖片或微信搜索 “ Java技術(shù)分享屋
” ，回復(fù) “ 驗(yàn)證碼
” ，獲取驗(yàn)證密碼。
本資料僅供讀者預(yù)覽及學(xué)習(xí)交流使用，不能用于商業(yè)用途，請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。如果喜歡，請(qǐng)購(gòu)買正版！
一.資料圖片
二.資料簡(jiǎn)介
內(nèi)容簡(jiǎn)介：
今天，HTML5在Web標(biāo)準(zhǔn)之爭(zhēng)中已經(jīng)勝出并被大多數(shù)瀏覽器所支持。體驗(yàn)HTML5帶給Web開(kāi)發(fā)的便捷、快速和強(qiáng)大功能，是每一位Web開(kāi)發(fā)和設(shè)計(jì)人員的當(dāng)務(wù)之急。
本書由舊金山HTML5用戶組創(chuàng)建人聯(lián)合另外2位資深Web開(kāi)發(fā)專家共同打造，為讀者清晰解讀了HTML5規(guī)范的緣由、發(fā)展和現(xiàn)狀，全面展示了如何使用WebSocket、Geolocation、Web Storage、Canvas、SVG及音頻/視頻等前所未有的新特性構(gòu)建最流行、最強(qiáng)大的Web應(yīng)用，并以大量的示例涵蓋全部HTML5 API。
第2版進(jìn)行了全面的修訂，新增了針對(duì)HTML5視覺(jué)效果的SVG和針對(duì)用戶體驗(yàn)的拖放這兩部分內(nèi)容，將助讀者的Web設(shè)計(jì)和開(kāi)發(fā)更上一層樓。
三.作者簡(jiǎn)介
Peter Lubbers
Kaazing技術(shù)交流資深總監(jiān)，舊金山HTML5用戶組創(chuàng)建人。作為HTML5和WebSocket的狂熱愛(ài)好者，Peter經(jīng)常在國(guó)際大會(huì)上發(fā)言，還在全球范圍內(nèi)開(kāi)展HTML5的技術(shù)培訓(xùn)。在加盟Kaazing前，Peter在Oracle擔(dān)任了近十年的資深信息架構(gòu)師，獲得過(guò)兩項(xiàng)軟件專利。
Brian Albers
Kaazing研發(fā)中心副總裁。他有數(shù)十年的Web開(kāi)發(fā)經(jīng)驗(yàn)，曾在Oracle擔(dān)任高級(jí)開(kāi)發(fā)經(jīng)理。Brian經(jīng)常在Web 2.0博覽會(huì)、AJAXWorld博覽會(huì)和Web JavaOne等國(guó)際性會(huì)議上做講演。
Frank Salim
Kaazing的元老級(jí)工程師，曾參與過(guò)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í)在開(kāi)發(fā)HTML5 3
1.4 新的認(rèn)識(shí) 3
1.4.1 兼容性和存在即合理 3
1.4.2 效率和用戶優(yōu)先 4
1.4.3 化繁為簡(jiǎn) 5
1.4.4 通用訪問(wèn) 5
1.5 無(wú)插件范式 5
1.6 HTML5的新功能 8
1.6.1 新的DOCTYPE和字符集 8
1.6.2 新元素和舊元素 9
1.6.3 語(yǔ)義化標(biāo)記 10
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é) 21
第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 23
2.1.5 替代內(nèi)容 24
2.1.6 CSS和canvas 25
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 填充樣式 34
2.2.7 填充矩形區(qū)域 34
2.2.8 繪制曲線 35
2.2.9 在canvas中插入圖片 37
2.2.10 漸變 38
2.2.11 背景圖 40
2.2.12 縮放canvas對(duì)象 42
2.2.13 Canvas變換 43
2.2.14 Canvas文本 45
2.2.15 應(yīng)用陰影 46
2.2.16 像素?cái)?shù)據(jù) 48
2.2.17 Canvas的安全機(jī)制 50
2.3 使用HTML5 Canvas創(chuàng)建應(yīng)用 51
2.3.1 進(jìn)階功能之全頁(yè)玻璃窗 54
2.3.2 進(jìn)階功能之為Canvas動(dòng)畫計(jì)時(shí) 54
2.4 小結(jié) 57
第3章 SVG 58
3.1 SVG概述 58
3.1.1 歷史 58
3.1.2 理解SVG 59
3.1.3 可縮放圖形 61
3.1.4 使用SVG創(chuàng)建2D圖形 61
3.1.5 在頁(yè)面中添加SVG 61
3.1.6 簡(jiǎn)單的形狀 62
3.1.7 變換SVG元素 63
3.1.8 復(fù)用內(nèi)容 64
3.1.9 圖案和漸變 64
3.1.10 SVG路徑 65
3.1.11 使用SVG文本 66
3.1.12 組合場(chǎng)景 67
3.2 使用SVG創(chuàng)建交互式應(yīng)用 68
3.2.1 添加樹(shù) 69
3.2.2 添加updateTrees函數(shù) 69
3.2.3 添加removeTree函數(shù) 70
3.2.4 添加CSS樣式 70
3.2.5 最終代碼 70
3.3 小結(jié) 74
第4章 音頻和視頻 75
4.1 HTML5 Audio和Video概述 75
4.1.1 視頻容器 75
4.1.2 音頻和視頻編解碼器 76
4.1.3 HTML5 Audio和Video的限制 77
4.1.4 audio元素和video元素的瀏覽器支持情況 77
4.2 使用HTML5 Audio和Video API 78
4.2.1 瀏覽器支持性檢測(cè) 79
4.2.2 可訪問(wèn)性 79
4.2.3 理解媒體元素 80
4.2.4 使用audio元素 85
4.2.5 使用video元素 86
4.2.6 進(jìn)階功能 93
4.3 小結(jié) 95
第5章 Geolocation API 96
5.1 位置信息 96
5.1.1 緯度和經(jīng)度坐標(biāo) 96
5.1.2 位置信息從何而來(lái) 97
5.1.3 IP地址地理定位數(shù)據(jù) 98
5.1.4 GPS地理定位數(shù)據(jù) 98
5.1.5 Wi-Fi地理定位數(shù)據(jù) 98
5.1.6 手機(jī)地理定位數(shù)據(jù) 99
5.1.7 用戶自定義的地理定位數(shù)據(jù) 99
5.2 HTML5 Geolocation的瀏覽器支持情況 99
5.3 隱私 100
5.3.1 觸發(fā)隱私保護(hù)機(jī)制 101
5.3.2 處理位置信息 101
5.4 使用HTML5 Geolocation API 102
5.4.1 瀏覽器支持性檢查 102
5.4.2 位置請(qǐng)求 102
5.5 使用HTML5 Geolocation構(gòu)建應(yīng)用 107
5.5.1 編寫HTML顯示代碼 109
5.5.2 處理Geolocation數(shù)據(jù) 110
5.5.3 最終代碼 112
5.6 進(jìn)階功能 115
5.6.1 現(xiàn)在的狀態(tài)是什么 115
5.6.2 在Goolge Map上顯示“我在這里” 117
5.7 小結(jié) 118
第6章 Communication API 119
6.1 跨文檔消息通信 119
6.1.1 理解源安全 122
6.1.2 跨文檔消息通信的瀏覽器支持情況 122
6.1.3 使用postMessage API 123
6.1.4 使用postMessage API創(chuàng)建應(yīng)用 124
6.2 XMLHttpRequest Level 2 128
6.2.1 跨源XMLHttpRequest 129
6.2.2 進(jìn)度事件 130
6.2.3 HTML5 XMLHttpRequestLevel 2的瀏覽器支持情況 131
6.2.4 使用XMLHttpRequest API 131
6.2.5 創(chuàng)建XMLHttpRequest應(yīng)用 133
6.3 進(jìn)階功能 136
6.3.1 結(jié)構(gòu)化的數(shù)據(jù) 136
6.3.2 Framebusting 136
6.4 小結(jié) 137
第7章 WebSockets API 138
7.1 WebSockets概述 138
7.1.1 實(shí)時(shí)和HTTP 138
7.1.2 解讀WebSockets 140
7.2 編寫簡(jiǎn)單的Echo WebSocket服務(wù)器 145
7.3 使用HTML5 WebSockets API 153
7.3.1 瀏覽器支持情況檢測(cè) 153
7.3.2 API的基本用法 154
7.4 創(chuàng)建HTML5 WebSockets應(yīng)用程序 158
7.4.1 編寫HTML文件 159
7.4.2 添加WebSocket代碼 160
7.4.3 添加Geolocation代碼 160
7.4.4 合并所有內(nèi)容 161
7.4.5 最終代碼 163
7.5 小結(jié) 165
第8章 Forms API 166
8.1 HTML5 Forms概述 166
8.1.1 HTML Forms與XForms 166
8.1.2 功能性表單 167
8.1.3 HTML5 Forms的瀏覽器支持情況 167
8.1.4 輸入型控件目錄 168
8.2 使用HTML5 Forms API 172
8.2.1 新的表單特性和函數(shù) 172
8.2.2 表單驗(yàn)證 175
8.2.3 驗(yàn)證反饋 178
8.3 構(gòu)建HTML5 Forms應(yīng)用 180
8.4 小結(jié) 185
第9章 拖放 186
9.1 Web拖放發(fā)展史 186
9.2 HTML5拖放概述 187
9.2.1 藍(lán)圖 187
9.2.2 需要記住的事件 189
9.2.3 設(shè)置元素可拖動(dòng) 192
9.2.4 傳輸和控制 192
9.3 構(gòu)建拖放應(yīng)用 193
9.4 拖放文件 201
9.5 進(jìn)階功能 205
9.6 小結(jié) 206
第10章 Web Workers API 207
10.1 Web Workers的瀏覽器支持情況 208
10.2 使用Web Workers API 208
10.2.1 瀏覽器支持性檢查 208
10.2.2 創(chuàng)建Web Workers 209
10.2.3 多個(gè)JavaScript文件的加載與執(zhí)行 209
10.2.4 與HTML5 Web Workers通信 209
10.3 編寫主頁(yè) 210
10.3.1 處理錯(cuò)誤 211
10.3.2 停止Web Workers 212
10.3.3 Web Workers的嵌套使用 212
10.3.4 使用定時(shí)器 213
10.3.5 示例代碼 213
10.4 構(gòu)建Web Workers應(yīng)用 214
10.4.1 編寫blur.js輔助腳本 216
10.4.2 編寫blur.html應(yīng)用頁(yè)面 217
10.4.3 編寫blurWorker.js 218
10.4.4 與Web Worker通信 218
10.4.5 運(yùn)行程序 219
10.4.6 示例代碼 220
10.5 小結(jié) 225
第11章 Web Storage API 226
11.1 HTML5 Web Storage概述 226
11.2 Web Storage的瀏覽器支持情況 227
11.3 使用Web Storage API 227
11.3.1 檢查瀏覽器的支持性 227
11.3.2 設(shè)置和獲取數(shù)據(jù) 229
11.3.3 封堵數(shù)據(jù)泄漏 230
11.3.4 localStorage與sessionStorage 230
11.3.5 Web Storage API的其他特性和函數(shù) 232
11.3.6 更新Web Storage后的通信 234
11.3.7 探索Web Storage 235
11.4 構(gòu)建Web Storage應(yīng)用 236
11.5 瀏覽器數(shù)據(jù)庫(kù)存儲(chǔ)展望 247
11.5.1 Web SQL Database 247
11.5.2 索引數(shù)據(jù)庫(kù)API 250
11.6 進(jìn)階功能 251
11.6.1 JSON對(duì)象的存儲(chǔ) 251
11.6.2 共享窗口 252
11.7 小結(jié) 253
第12章 構(gòu)建離線Web應(yīng)用 254
12.1 HTML5離線Web應(yīng)用概述 254
12.2 使用HTML5離線Web應(yīng)用API 256
12.2.1 檢查瀏覽器的支持情況 256
12.2.2 搭建簡(jiǎn)單的離線應(yīng)用程序 256
12.2.3 支持離線行為 257
12.2.4 manifest文件 257
12.2.5 applicationCache API 259
12.2.6 運(yùn)行中的應(yīng)用緩存 260
12.3 使用HTML5離線Web應(yīng)用構(gòu)建應(yīng)用 261
12.3.1 創(chuàng)建記錄資源的manifest文件 263
12.3.2 創(chuàng)建構(gòu)成界面的HTML和CSS 264
12.3.3 創(chuàng)建離線JavaScript 264
12.3.4 檢查applicationCache的支持情況 266
12.3.5 為Update按鈕添加處理函數(shù) 266
12.3.6 添加Geolocation跟蹤代碼 267
12.3.7 添加Storage功能代碼 267
12.3.8 添加離線事件處理程序 268
12.4 小結(jié) 268
第13章 HTML5未來(lái)展望 269
13.1 HTML5的瀏覽器支持情況 269
13.2 HTML未來(lái)的發(fā)展 269
13.2.1 WebGL 270
13.2.2 設(shè)備 272
13.2.3 音頻數(shù)據(jù)API 272
13.2.4 觸摸屏設(shè)備事件 272
13.2.5 P2P網(wǎng)絡(luò) 275
13.2.6 最終方向 275
13.3 小結(jié) 275