HTML5 & CSS3 & JavaScript App程序開發(fā)實(shí)戰(zhàn)

第1章 HTML的基礎(chǔ)
1-1 HTML 創(chuàng)建與運(yùn)行 2
1-1-1 HTML 創(chuàng)建 .2
1-1-2 HTML 運(yùn)行 .3
1-2 HTML API 概念 6
1-2-1 API 概念.6
1-2-2 靜態(tài)引用 7
1-2-3 動(dòng)態(tài)引用 8
1-3 HTML 根節(jié)點(diǎn) . 10
1-3-1 window 對(duì)象 10
1-3-2 全局根節(jié)點(diǎn) . 11
1-3-3 document 屬性 .14
1-3-4 onload 事件15
1-4 HTML 標(biāo)簽 16
1-4-1 標(biāo)簽組成 16
1-4-2 文件組成 18
1-4-3 script 標(biāo)簽 20
1-4-4 script 標(biāo)簽的運(yùn)行順序 .22
1-4-5 style 標(biāo)簽及 link 標(biāo)簽 .25
1-4-6 HTML5 新增標(biāo)簽 27
1-5 HTML 網(wǎng)頁與 ASP.NET網(wǎng)頁 . 30
1-5-1 HTML 網(wǎng)頁 .30
1-5-2 ASP.NET 網(wǎng)頁 32
第2章 CSS的基礎(chǔ)
2-1 CSS 樣式 . 40
2-1-1 樣式組成 40
2-1-2 樣式套用 42
2-1-3 樣式繼承 44
2-1-4 樣式重設(shè) 46
2-2 CSS 選擇器 . 48
2-2-1 選擇器概念 .48
2-2-2 Type 選擇器 .50
2-2-3 ID 選擇器 .51
2-2-4 Class 選擇器 52
2-2-5 Universal 選擇器 53
2-2-6 Attribute 選擇器 53
2-2-7 Child 組合器 .56
2-2-8 Descendant 組合器 57
2-2-9 General Sibling 組合器 .58
2-2-10 Adjacent Sibling 組合器 60
2-2-11 Grouping 組合器 .61
2-3 CSS 盒子模型 62
2-3-1 盒子模型概念 .62
2-3-2 margin 屬性 .64
2-3-3 border 屬性 66
2-3-4 padding 屬性 68
2-3-5 width 屬性、height 屬性 .70
2-4 CSS 定位模式 71
2-4-1 定位模式概念 .71
2-4-2 display 屬性 .78
2-4-3 overflow 屬性 .83
2-4-4 z-index 屬性 .88
2-5 CSS 排版布局 91
2-5-1 排版布局概念 .91
2-5-2 滿版 100% 布局 .91
2-5-3 滿版分列布局 .93
2-5-4 滿版分行布局 .95
2-5-5 水平居中布局 .96
2-5-6 垂直居中布局 .98
2-5-7 固定居中布局 .99
第3章 DOM——文件對(duì)象模型
3-1 DOM 模型 104
3-1-1 DOM 概念 104
3-1-2 DOM 對(duì)象樹 .105
3-1-3 document 對(duì)象 .107
3-1-4 DOM 節(jié)點(diǎn) 115
3-2 DOM 節(jié)點(diǎn)選擇 . 123
3-2-1 節(jié)點(diǎn)選擇概念 .123
3-2-2 getElementById 方法 .126
3-2-3 getElementsByTagName 方法 127
3-2-4 querySelector、querySelectorAll 方法 128
3-2-5 childNodes、parentNode 屬性 .132
3-3 DOM 節(jié)點(diǎn)操作 . 135
3-3-1 節(jié)點(diǎn)操作概念 .135
3-3-2 style 屬性 .135
3-3-3 appendChild 方法 140
3-3-4 setAttributeNode 方法 142
3-3-5 removeChild 方法 144
3-3-6 removeAttributeNode 方法 .146
3-4 DOM 節(jié)點(diǎn)事件 . 149
3-4-1 節(jié)點(diǎn)事件概念 .149
3-4-2 節(jié)點(diǎn)事件通知 .150
3-4-3 addEventListener 方法 .151
3-4-4 removeEventListener 方法 .155
第4章 全新HTML5基礎(chǔ)
4-1 HTML5 概念 160
4-1-1 HTML 優(yōu)勢(shì) .160
4-1-2 HTML4 困境 .161
4-1-3 HTML5 升級(jí) .163
4-1-4 HTML 標(biāo)簽升級(jí) 163
4-1-5 CSS 樣式升級(jí) 165
4-1-6 DOM 模型升級(jí) .166
4-1-7 HTML API 升級(jí) 167
4-2 HTML5 圖像描繪 169
4-2-1 功能說明 169
4-2-2 canvas 標(biāo)簽 .170
4-2-3 路徑描繪 172
4-2-4 文字描繪 175
4-2-5 顏色描繪 176
4-2-6 圖片描繪 179
4-2-7 圖片加載 181
4-2-8 圖片輸出 183
4-2-9 GPU加速185
4-3 HTML5 影音播放 185
4-3-1 功能說明 185
4-3-2 video 標(biāo)簽 187
4-3-3 視頻格式 189
4-3-4 視頻操作 190
4-3-5 視頻事件 192
4-3-6 視頻截圖 194
4-3-7 audio 標(biāo)簽 .197
4-4 HTML5 數(shù)據(jù)存儲(chǔ) 198
4-4-1 功能說明 198
4-4-2 storage 對(duì)象 200
4-4-3 訪問操作 203
4-4-4 訪問范圍 206
4-4-5 跨頁傳值 208
4-5 HTML5 數(shù)據(jù)傳輸——服務(wù)器推送 208
4-5-1 功能說明 208
4-5-2 HTTP 通信協(xié)議 210
4-5-3 服務(wù)器推送機(jī)制 214
4-5-4 服務(wù)器推送數(shù)據(jù)包 .215
4-5-5 EventSource 對(duì)象 217
4-5-6 數(shù)據(jù)接收 219
4-5-7 斷線重連 223
4-6 HTML5 數(shù)據(jù)傳輸——雙向傳輸 . 226
4-6-1 WebSocket 通信協(xié)議 226
4-6-2 WebSocket 通信數(shù)據(jù)包 228
4-6-3 WebSocket 對(duì)象 230
4-6-4 數(shù)據(jù)傳送 235
4-6-5 數(shù)據(jù)接收 239
第5章 必知的JavaScript語言
5-1 JavaScript 概念 . 246
5-1-1 概念 .246
5-1-2 全局變量 246
5-1-3 局部變量 247
5-1-4 函數(shù) .249
5-1-5 對(duì)象 .251
5-1-6 原型 .255
5-1-7 閉包 .258
5-2 JavaScript 面向?qū)ο? . 259
5-2-1 概念 .259
5-2-2 類 260
5-2-3 封裝 .261
5-2-4 繼承 .262
5-2-5 多態(tài) .264
5-2-6 靜態(tài)成員 266
5-2-7 命名空間 268
5-3 JavaScript 架構(gòu)設(shè)計(jì) . 269
5-3-1 概念 .269
5-3-2 三層式架構(gòu) .269
5-3-3 架構(gòu)設(shè)計(jì) 270
5-3-4 邏輯層實(shí)現(xiàn) .273
5-3-5 數(shù)據(jù)層實(shí)現(xiàn) .275
5-3-6 展示層實(shí)現(xiàn) .276
第6章 Windows Store App開發(fā)概念
6-1 Windows Store App 概觀 . 283
6-2 開發(fā)第一步：取得開發(fā)人員授權(quán) 290
6-3 Windows Store App 項(xiàng)目模板及架構(gòu) . 292
6-3-1 空白應(yīng)用程序模板 ( Blank App ) 294
6-3-2 網(wǎng)格應(yīng)用程序模板 ( Grid App ) 301
6-3-3 拆分布局應(yīng)用程序模板 ( Split App ) .316
6-3-4 固定配置的應(yīng)用程序模板 ( Fixed-Layout App ) 321
6-3-5 瀏覽應(yīng)用程序模板 ( Navigation App ) 323
6-4 應(yīng)用程序協(xié)議及應(yīng)用程序生命周期 . 325
6-4-1 應(yīng)用程序周期 .325
6-4-2 啟動(dòng)運(yùn)行 326
6-4-3 暫停 .328
6-4-4 恢復(fù)運(yùn)行 330
6-4-5 終止 .331
6-4-6 關(guān)閉 .333
6-4-7 意外關(guān)閉 334
6-4-8 其他的 WinJS 事件 .334
6-4-9 應(yīng)用程序協(xié)議 ( App Contracts ) 336
6-4-10 設(shè)置協(xié)議 ( Settings Contract ) 338
6-4-11 共享目標(biāo)協(xié)定 ( Share Contract ) .347
6-4-12 搜索協(xié)議 ( Search Contract ) 351
第7章 使用JavaScript和HTML5實(shí)作Windows Store App
7-1 Windows Runtime Library 概觀 362
7-2 WinJS ( Windows Library for JavaScript ) 概觀 371
7-2-1 如何引用 WinJS Library382
7-2-2 如何引用外部第三方 JavaScript Library 386
7-2-3 開發(fā)上的差異 .390
7-3 WinJS 控件介紹 . 411
7-3-1 什么是 WinJS 控件 . 411
7-3-2 常用控件 423
7-3-3 數(shù)據(jù)集合控件 .449
7-4 實(shí)作Windows Store App案例 456
7-4-1 Windows Store App 的內(nèi)容及重點(diǎn)功能 .457
7-4-2 Windows Store App UI 的設(shè)計(jì) 458
7-4-3 Windows Store App 數(shù)據(jù)的設(shè)計(jì) 467
7-4-4 頁面查看的整合調(diào)整 .473
7-4-5 加入數(shù)據(jù)維護(hù)功能 .484
7-4-6 搜索、分享協(xié)議 495
7-5 如何將 Windows Store App上架至
Windows 應(yīng)用商店 . 501
7-5-1 注冊(cè)取得開發(fā)人員賬戶 501
7-5-2 使用 Windows 應(yīng)用程序認(rèn)證包測(cè)試應(yīng)用程序 .508
7-5-3 封裝應(yīng)用程序 .513
7-5-4 上架送審 517
附錄 參考資料