《HTML5開發(fā)精要與實(shí)例詳解》讀書筆記模板

HTML5開發(fā)精要與實(shí)例詳解讀書筆記模板01思維導(dǎo)圖讀書筆記精彩摘錄內(nèi)容摘要目錄分析作者介紹目錄0305020406思維導(dǎo)圖實(shí)例開發(fā)精全書數(shù)據(jù)書繪畫音頻案例頁(yè)面代碼小結(jié)顯示剖析效果第章使用知識(shí)點(diǎn)服務(wù)器元素本書關(guān)鍵字分析思維導(dǎo)圖內(nèi)容摘要內(nèi)容摘要本書由資深Web開發(fā)專家親自執(zhí)筆，內(nèi)容的權(quán)威性上應(yīng)該是毋庸置疑的。本書在內(nèi)容結(jié)構(gòu)上將繼承《HTML5與CSS3權(quán)威指南》一書的優(yōu)點(diǎn)，幾乎每個(gè)知識(shí)點(diǎn)都將配一個(gè)精心設(shè)計(jì)的案例，以便于讀者融會(huì)貫通和動(dòng)手實(shí)踐，實(shí)戰(zhàn)性強(qiáng)將是本書區(qū)別于現(xiàn)有同類書的一個(gè)最大特點(diǎn)。全書一共分為10章，全書以HTML5的使用環(huán)境和基本特征開篇，依次詳細(xì)地講解了HTML5中新增的交互元素、重要元素、表單與文件、視頻與音頻、繪畫、數(shù)據(jù)存儲(chǔ)、離線應(yīng)用、絡(luò)應(yīng)用和拖放等核心內(nèi)容。讀書筆記讀書筆記全球著名信息技術(shù)研究與咨詢公司Gartner的分析師Nick.Jones提出了未來(lái)4年移動(dòng)互聯(lián)領(lǐng)域值得的10大技術(shù)趨勢(shì)，其中HTML5居首位。通過(guò)這兩本書，讀者不僅能系統(tǒng)地掌握HTML5的理論知識(shí)，而且還能在實(shí)踐中迅速融會(huì)貫通，從而達(dá)到熟練使用HTML5進(jìn)行Web開發(fā)的目的。目錄分析1.1案例1：用HTML5中的結(jié)構(gòu)元素構(gòu)建一個(gè)博客站1.3本章小結(jié)1.2案例2：用HTML5中的結(jié)構(gòu)元素構(gòu)建一個(gè)企業(yè)站第1章用HTML5中的結(jié)構(gòu)元素構(gòu)建站1.1案例1：用HTML5中的結(jié)構(gòu)元素構(gòu)建一個(gè)博客站1.1.1案例知識(shí)點(diǎn)1.1.2博客首頁(yè)的實(shí)現(xiàn)1.1.3文章顯示頁(yè)面的實(shí)現(xiàn)1.2案例2：用HTML5中的結(jié)構(gòu)元素構(gòu)建一個(gè)企業(yè)站1.2.1首頁(yè)的實(shí)現(xiàn)1.2.2方式頁(yè)面的實(shí)現(xiàn)2.1案例3：用結(jié)構(gòu)元素制作Web應(yīng)用程序中的菜單2.3本章小結(jié)2.2案例4：綜合運(yùn)用HTML5、jQuery與ASP.NET構(gòu)建Web應(yīng)用程序第2章在Web表單中使用HTML52.1案例3：用結(jié)構(gòu)元素制作Web應(yīng)用程序中的菜單2.1.1頁(yè)面顯示效果2.1.2代碼剖析2.2案例4：綜合運(yùn)用HTML5、jQuery與ASP.NET構(gòu)建Web應(yīng)用程序2.2.1案例概述2.2.2頁(yè)面顯示效果2.2.3案例知識(shí)點(diǎn)2.2.4代碼剖析3.1案例5：使用canvas元素繪制美麗的花朵3.2案例6：使用canvas元素繪制指針式動(dòng)畫時(shí)鐘3.3案例7：使用canvas元素制作簡(jiǎn)單小游戲3.4案例8：使用canvas元素繪制圖像放大鏡第3章使用canvas元素繪制圖形、圖像與動(dòng)畫3.5案例9：用動(dòng)畫的形式裝載圖像3.7本章小結(jié)3.6案例10：將彩色照片轉(zhuǎn)換成黑白照片第3章使用canvas元素繪制圖形、圖像與動(dòng)畫3.1案例5：使用canvas元素繪制美麗的花朵3.1.1案例概述3.1.2頁(yè)面顯示效果3.1.3案例知識(shí)點(diǎn)3.1.4代碼剖析3.2案例6：使用canvas元素繪制指針式動(dòng)畫時(shí)鐘3.2.1案例概述3.2.2頁(yè)面顯示效果3.2.3案例知識(shí)點(diǎn)3.2.4代碼剖析3.3案例7：使用canvas元素制作簡(jiǎn)單小游戲3.3.1案例概述3.3.2頁(yè)面顯示效果3.3.3案例知識(shí)點(diǎn)3.3.4代碼剖析3.4案例8：使用canvas元素繪制圖像放大鏡3.4.1案例概述3.4.2頁(yè)面顯示效果3.4.3案例知識(shí)點(diǎn)3.4.4代碼剖析3.5案例9：用動(dòng)畫的形式裝載圖像3.5.1案例概述3.5.2頁(yè)面顯示效果3.5.3案例知識(shí)點(diǎn)3.5.4代碼剖析3.6案例10：將彩色照片轉(zhuǎn)換成黑白照片3.6.1案例概述3.6.2頁(yè)面顯示效果3.6.3案例知識(shí)點(diǎn)3.6.4代碼剖析4.1案例11：在瀏覽器中預(yù)覽客戶端文件并上傳4.3本章小結(jié)4.2案例12：使用CanvasAPI、文件API與拖放API制作拼圖游戲第4章文件API與拖放API4.1案例11：在瀏覽器中預(yù)覽客戶端文件并上傳4.1.1案例概述4.1.2頁(yè)面顯示效果4.1.3案例知識(shí)點(diǎn)4.1.4代碼剖析4.2案例12：使用CanvasAPI、文件API與拖放API制作拼圖游戲4.2.1案例概述4.2.2頁(yè)面顯示效果4.2.3案例知識(shí)點(diǎn)4.2.4代碼剖析5.1案例13：打造自己的頁(yè)視頻播放器5.2案例14：對(duì)視頻使用實(shí)時(shí)回放功能5.3案例15：對(duì)視頻使用截圖功能5.4案例16：打造自己的頁(yè)音頻播放器5.5本章小結(jié)12345第5章多媒體播放5.1案例13：打造自己的頁(yè)視頻播放器5.1.1案例概述5.1.2頁(yè)面顯示效果5.1.3案例知識(shí)點(diǎn)5.1.4代碼剖析5.2案例14：對(duì)視頻使用實(shí)時(shí)回放功能5.2.1案例概述5.2.2頁(yè)面顯示效果5.2.3代碼剖析5.3案例15：對(duì)視頻使用截圖功能5.3.1案例概述5.3.2頁(yè)面顯示效果5.3.3案例知識(shí)點(diǎn)5.3.4代碼剖析5.4案例16：打造自己的頁(yè)音頻播放器5.4.1案例概述5.4.2頁(yè)面顯示效果5.4.3案例知識(shí)點(diǎn)5.4.4代碼剖析6.1案例17：制作HTML5版本的日程提醒簿6.2案例18：臨時(shí)保存頁(yè)面中的輸入內(nèi)容6.3案例19：使用HTML5制作Web應(yīng)用程序的演示版6.4案例20：使用客戶端session第6章本地存儲(chǔ)6.5案例21：將本地?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)提交到服務(wù)器端6.7本章小結(jié)6.6案例22：制作可以離線使用的日程提醒簿第6章本地存儲(chǔ)6.1案例17：制作HTML5版本的日程提醒簿6.1.1案例概述6.1.2頁(yè)面顯示效果6.1.3案例知識(shí)點(diǎn)6.1.4代碼剖析6.2案例18：臨時(shí)保存頁(yè)面中的輸入內(nèi)容6.2.1案例概述6.2.2頁(yè)面顯示效果6.2.3案例知識(shí)點(diǎn)6.2.4代碼剖析6.3案例19：使用HTML5制作Web應(yīng)用程序的演示版6.3.1案例概述6.3.2頁(yè)面顯示效果6.3.3案例知識(shí)點(diǎn)6.3.4代碼剖析6.4案例20：使用客戶端session6.4.1案例概述6.4.2頁(yè)面展示效果6.4.3案例知識(shí)點(diǎn)6.4.4代碼剖析6.5案例21：將本地?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)提交到服務(wù)器端6.5.1案例概述6.5.2頁(yè)面展示效果6.5.3代碼剖析6.6案例22：制作可以離線使用的日程提醒簿6.6.1案例概述6.6.2頁(yè)面顯示效果6.6.3案例知識(shí)點(diǎn)6.6.4代碼剖析7.1案例23：通過(guò)跨文檔消息傳輸功能實(shí)現(xiàn)單點(diǎn)登錄7.3本章小結(jié)7.2案例24：通過(guò)跨文檔消息傳輸功能獲取批量數(shù)據(jù)第7章跨文檔消息傳輸7.1案例23：通過(guò)跨文檔消息傳輸功能實(shí)現(xiàn)單點(diǎn)登錄7.1.1案例概述7.1.2頁(yè)面顯示效果7.1.3案例知識(shí)點(diǎn)7.1.4代碼剖析7.2案例24：通過(guò)跨文檔消息傳輸功能獲取批量數(shù)據(jù)7.2.1案例概述7.2.2頁(yè)面顯示效果7.2.3代碼剖析8.1案例25：在后臺(tái)線程中實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的增刪查改操作8.3本章小結(jié)8.2案例26：在后臺(tái)線程中實(shí)現(xiàn)數(shù)據(jù)的批量插入第8章利用WebWorkers實(shí)現(xiàn)多線程處理8.1案例25：在后臺(tái)線程中實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的增刪查改操作8.1.1案例概述8.1.2頁(yè)面顯示效果8.1.3案例知識(shí)點(diǎn)8.1.4代碼剖析8.2案例26：在后臺(tái)線程中實(shí)現(xiàn)數(shù)據(jù)的批量插入8.2.1案例概述8.2.2代碼剖析9.2本章小結(jié)9.1案例27：顯示計(jì)算機(jī)或移動(dòng)設(shè)備所在地的地圖第9章利用GeolocationAPI獲取地理位置信息9.1案例27：顯示計(jì)算機(jī)或移動(dòng)設(shè)備所在地的地圖9.1.1案例概述9.1.2頁(yè)面顯示效果9.1.3案例知識(shí)點(diǎn)9.1.4代碼剖析10.1安裝與運(yùn)行jWebSocket10.2創(chuàng)建第一個(gè)利用jWebSocket進(jìn)行通信的Web頁(yè)面10.3創(chuàng)建jWebSocket服務(wù)器端的偵聽器10.4jWebSocket中的令牌第10章使用jWebSocket框架開發(fā)Socket通信程序10.5jWebSocket中服務(wù)器端的插件10.6jWebSocket中的通道10.7案例28：利用jWebSocket服務(wù)器創(chuàng)建簡(jiǎn)單聊天室10.8本章小結(jié)第10章使用jWebSocket框架開發(fā)Socket通信程序10.1安裝與運(yùn)行jWebSocket10.1.1安裝jWebSocket服務(wù)器10.1.2在其他服務(wù)器環(huán)境下運(yùn)行jWebSocket服務(wù)器10.1.3將jWebSocket服務(wù)器作為Windows的可執(zhí)行文件10.1.4將jWebSocket服務(wù)器作為Windows的服務(wù)10.1.5jWebSocketWeb客戶端10.3創(chuàng)建jWebSocket服務(wù)器端的偵聽器10.3.1jWebSocket的通信架構(gòu)10.3.2創(chuàng)建偵聽器10.4jWebSocket中的令牌10.4.1令牌的基本概念10.4.2系統(tǒng)令牌10.5jWebSocket中服務(wù)器端的插件10.5.1服務(wù)器端插件的基礎(chǔ)知識(shí)10.5.2創(chuàng)建自定義服務(wù)器端插件10.7案例28：利用jWebSocket服務(wù)器創(chuàng)建簡(jiǎn)單聊天室10.7.1案例概述10.7.2頁(yè)面顯示效果10.7.3代碼剖析11.1概述11.2繪制統(tǒng)計(jì)圖時(shí)所用到的公共屬性11.3繪制柱狀圖11.4繪制折線圖11.5繪制餅圖12345第11章RGraph統(tǒng)計(jì)圖制作插件11.6繪制橫向柱狀圖11.7繪制雷達(dá)圖11.8增強(qiáng)用戶體驗(yàn)11.9本章小結(jié)第11章RGraph統(tǒng)計(jì)圖制作插件11.1概述11.1.1HTML5版統(tǒng)計(jì)圖插件的優(yōu)越性11.1.2使用RGraph插件11.1.3使用服務(wù)器端數(shù)據(jù)11.3繪制柱狀圖11.3.1繪制柱狀圖時(shí)所用到的屬性11.3.2示例程序11.3.3使用obj.getBar方法11.3.4繪制分組柱狀圖11.3.5使用上下文菜單11.4繪制折線圖11.4.1繪制折線圖時(shí)所用到的屬性11.4.2繪制基本折線圖11.4.3使用getPoint方法11.4.4在一個(gè)折線圖中繪制多根折線11.4.5繪制范圍折線圖11.4.6在一個(gè)折線圖中使用左右兩根不同統(tǒng)計(jì)單位的垂直坐標(biāo)軸11.4.7在一個(gè)統(tǒng)計(jì)圖中繪制柱狀圖與折線圖11.4.8繪制動(dòng)態(tài)折線圖11.5繪制餅圖11.5.1繪制餅圖時(shí)所用到的屬性11.5.2示例程序11.5.3使用getSegment方法11.6繪制橫向柱狀圖11.6.1繪制橫向柱狀圖時(shí)所用到的屬性11.6.2示例程序11.6.3繪制分組橫向柱狀圖11.7繪制雷達(dá)圖11.7.1繪制雷達(dá)圖時(shí)所用到的屬性11.7.2示例程序11.8增強(qiáng)用戶體驗(yàn)11.8.1通過(guò)拖曳來(lái)縮放統(tǒng)計(jì)圖的尺寸11.8.2制作工具條提示信息11.8.3制作上下文菜單11.8.4放大統(tǒng)計(jì)圖11.8.5允許用戶注解統(tǒng)計(jì)圖12.1WebGL概述12.2使用WebGL繪制三角形與矩形12.3使用顏色繪制彩色三角形與矩形12.4制作三維動(dòng)畫12.5制作三維物體12345第12章使用WebGL開發(fā)三維圖形圖像12.6使用紋理12.8本章小結(jié)12.7鍵盤輸入與紋理過(guò)濾第12章使用WebGL開發(fā)三維圖形圖像12.1WebGL概述12.1.1WebGL的基礎(chǔ)知識(shí)12.1.2進(jìn)行WebGL開發(fā)之前的準(zhǔn)備工作12.2使用WebGL繪制三角形與矩形12.2.1下載并使用腳本文件12.2.2頁(yè)面顯示效果12.2.3代碼剖析12.3使用顏色繪制彩色三角形與矩形12.3.