|
HTML5高級程序設(shè)計（完整版） 內(nèi)容簡介 今天，大多數(shù)現(xiàn)代瀏覽器都已經(jīng)支持HTML5。學習體驗HTML5帶給Web開發(fā)的便捷、快速和強大功能，是每一位Web設(shè)計和開發(fā)人員的當務(wù)之急。 本書由舊金山HTML5用戶組創(chuàng)建人聯(lián)合另兩位資深Web開發(fā)專家共同打造，為讀者清晰解讀了HTML5規(guī)范的緣由、發(fā)展和現(xiàn)狀，全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音頻視頻等前所未有的新特性構(gòu)建先進的Web應(yīng)用，并以大量的示例涵蓋全部HTML5 API。此外，還介紹了當今瀏覽器對HTML5特性的支持情況。 作者簡介 Peter Lubbers Kaazing文檔培訓主管，舊金山HTML5用戶組創(chuàng)建人。作為HTML5和WebSocket的狂熱愛好者，Peter常常在國際大會上發(fā)言，還在全球范圍內(nèi)開展HTML5的技術(shù)培訓。在加盟Kaazing前，Peter在Oracle擔任了近十年的資深信息架構(gòu)師，獲得過兩項軟件專利。 Brian Albers Kaazing研發(fā)中心副總裁。他有數(shù)十年的Web開發(fā)經(jīng)驗，曾在Oracle擔任高級開發(fā)經(jīng)理。Brian是一位講演?？?，經(jīng)常在Web 2.0博覽會、AJAXWorld博覽會和Web JavaOne等國際性會議上做講演。 Frank Salim Kaazing的元老級工程師，曾參與過WebSocket網(wǎng)關(guān)和客戶端策略項目。他畢業(yè)于波莫納學院計算機專業(yè)，除了編程之外，還喜歡閱讀、繪畫和輪滑。 目錄 第1章 HTML5概述 1 1.1 HTML5發(fā)展史 1 1.2 關(guān)于2022年的那個神話 2 1.3 誰在開發(fā)HTML5 3 1.4 新的認識 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用戶優(yōu)先 4 1.4.3 化繁為簡 4 1.4.4 通用訪問 5 1.5 無插件范式 5 1.6 HTML5的新功能 8 1.6.1 新的DOCTYPE和字符集 8 1.6.2 新元素和舊元素 9 1.6.3 語義化標記 9 1.6.4 使用Selectors API簡化選取操作 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坐標 23 2.1.4 什么情況下不用canvas 24 2.1.5 替代內(nèi)容 24 2.1.6 CSS和canvas 24 2.1.7 瀏覽器對HTML5 Canvas的支持 25 2.2 使用HTML5 Canvas API 25 2.2.1 檢測瀏覽器支持情況 25 2.2.2 在頁面中加入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對象 41 2.2.13 Canvas變換 42 2.2.14 Canvas文本 43 2.2.15 應(yīng)用陰影 45 2.2.16 像素數(shù)據(jù) 46 2.2.17 Canvas的安全機制 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 瀏覽器支持性檢測 57 3.2.2 理解媒體元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 進階功能 68 3.3 小結(jié) 70 第4章 Geolocation API 72 4.1 位置信息 72 4.1.1 緯度和經(jīng)度坐標 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 手機地理定位數(shù)據(jù) 75 4.1.7 用戶自定義的地理定位數(shù)據(jù) 75 4.2 HTML5 Geolocation的瀏覽器支持情況 75 4.3 隱私 76 4.3.1 觸發(fā)隱私保護機制 77 4.3.2 處理位置信息 78 4.4 使用HTML5 Geolocation API 78 4.4.1 瀏覽器支持性檢查 78 4.4.2 位置請求 79 4.5 使用HTML5 Geolocation構(gòu)建實時應(yīng)用 83 4.5.1 編寫HTML顯示代碼 84 4.5.2 處理Geolocation數(shù)據(jù) 85 4.5.3 最終代碼 88 4.6 進階功能 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 進度事件 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 進階功能 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 實時和HTTP 113 6.1.2 解讀HTML5 WebSockets 115 6.2 HTML5 WebSockets的瀏覽器支持情況 120 6.3 編寫簡單的Echo WebSocket服務(wù)器 120 6.4 使用HTML5 WebSockets API 126 6.4.1 瀏覽器支持情況檢測 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 表單驗證 147 7.2.3 驗證反饋 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 多個JavaScript文件的加載與執(zhí)行 160 8.2.4 與HTML5 Web Workers通信 160 8.3 編寫主頁 161 8.3.1 處理錯誤 161 8.3.2 HTML5 Web Workers 162 8.3.3 HTML5 Web Workers的嵌套使用 162 8.3.4 使用定時器 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)用頁面 166 8.4.3 編寫blurWorker.js 167 8.4.4 與Web Worker通信 168 8.4.5 運行程序 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ù)庫存儲展望 195 9.6 進階功能 197 9.6.1 JSON對象的存儲 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 搭建簡單的離線應(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 視頻元素改進 218 11.2.5 觸摸屏設(shè)備事件 218 11.2.6 P2P網(wǎng)絡(luò) 220 11.2.7 最終方向 221 11.3 小結(jié) 221 |
|
|
來自： 平常心 > 《新興產(chǎn)業(yè)》
