HTML5+jQuery Mobile移動應(yīng)用開發(fā)

目 錄

第1章 認(rèn)識HTML 1
1.1 HTML基本介紹 1
1.2 HTML常用標(biāo)簽 2
1.3 HTML表單 3
1.4 HTML和CSS的簡單交互 4
第2章 語義化標(biāo)簽 5
2.1 什么是語義化標(biāo)簽 5
2.2 header標(biāo)簽 6
2.3 footer標(biāo)簽 8
2.4 nav標(biāo)簽 9
2.5 article標(biāo)簽 10
2.6 section標(biāo)簽 12
2.7 aside標(biāo)簽 13
第3章 視頻和音頻 15
3.1 音頻播放器——audio 15
3.1.1 audio標(biāo)簽的使用 15
3.1.2 如何獲取音頻文件的URL 16
3.1.3 autoplay屬性 17
3.1.4 loop屬性 18
3.1.5 preload屬性 18
3.1.6 audio標(biāo)簽支持的音頻文件 18
3.2 視頻播放器——video 19
3.2.1 video標(biāo)簽的使用 19
3.2.2 video標(biāo)簽的屬性 20
3.3 Media事件 23
3.3.1 HTML5中audio和video的方法 23
3.3.2 HTML5中audio和video的屬性 26
3.3.3 HTML5中audio和video的事件 36
第4章 存儲 38
4.1 本地存儲 39
4.2 localStorage對象 39
4.2.1 通過localStorage設(shè)置存儲元素 40
4.2.2 獲取數(shù)據(jù) 43
4.2.3 刪除數(shù)據(jù) 44
4.2.4 清除數(shù)據(jù) 45
4.3 sessionStorage 48
4.3.1 存儲數(shù)據(jù) 48
4.3.2 獲取數(shù)據(jù) 50
4.3.3 刪除數(shù)據(jù) 51
4.3.4 清除數(shù)據(jù) 51
4.4 storage對象 52
4.5 storage事件 53
4.6 應(yīng)用程序緩存 54
4.7 本地?cái)?shù)據(jù)庫 57
4.7.1 創(chuàng)建/打開數(shù)據(jù)庫 57
4.7.2 執(zhí)行操作 58
第5章 即時通信 61
5.1 概述 61
5.1.1 Web端即時通信技術(shù) 61
5.1.2 實(shí)現(xiàn)Web端即時通信的方法 62
5.1.3 四種Web即時通信技術(shù)比較 63
5.2 短輪詢原理與實(shí)現(xiàn) 63
5.2.1 原理 63
5.2.2 實(shí)現(xiàn) 63
5.3 長輪詢原理與實(shí)現(xiàn) 64
5.3.1 原理 64
5.3.2 實(shí)現(xiàn) 64
5.4 長連接的原理與實(shí)現(xiàn) 66
5.4.1 原理 66
5.4.2 實(shí)現(xiàn) 67
5.5 WebSocket原理與前端API 68
5.5.1 原理 68
5.5.2 前端API 68
第6章 Canvas繪圖 69
6.1 Canvas基礎(chǔ) 69
6.1.1 基本Canvas創(chuàng)建 69
6.1.2 開始在Canvas上繪制元素 71
6.1.3 繪制一條直線 71
6.1.4 為直線設(shè)定樣式 72
6.1.5 繪制多條直線 73
6.2 使用Canvas繪制圖形 76
6.2.1 繪制矩形 76
6.2.2 繪制圓形 78
6.3 圖形變換 85
6.4 圖形的組合 89
6.4.1 繪制兩個圖形 89
6.4.2 新圖形和原圖形之間的關(guān)系 90
6.4.3 加色處理 91
6.5 圖像處理 91
6.5.1 加載圖像 92
6.5.2 圖像剪裁 94
6.5.3 像素處理 95
第7章 CSS選擇器 97
7.1 基本選擇器 97
7.1.1 id選擇器 97
7.1.2 class選擇器 98
7.1.3 元素選擇器 103
7.2 基本選擇器綜合使用 104
7.2.1 選擇器的嵌套 104
7.2.2 基本選擇器優(yōu)先級問題 109
7.2.3 同時設(shè)定多個元素樣式 110
7.3 偽類選擇器 111
7.3.1 狀態(tài)選擇器 111
7.3.2 :before和:after 116
7.4 位置選擇器 120
7.4.1 .:first-child 120
7.4.2 :last-child 121
7.4.3 :nth-child(n) 122
7.4.4 :nth-of-type(n) 123
7.5 屬性選擇器 123
7.5.1 [attribute] 123
7.5.2 [attribute=value] 124
7.5.3 [attribute~=value] 125
7.6 其他選擇器 126
第8章 元素定位 127
8.1 static 127
8.2 relative 129
8.3 absolute 130
8.4 fixed 132
8.5 float浮動布局 133
第9章 移動元素單位 137
9.1 px 137
9.1.1 需求描述一 138
9.1.2 需求描述二 140
9.2 em 143
9.3 rem 144
9.3.1 需求描述一 145
9.3.2 需求描述二 146
第10章 盒模型 148
10.1 內(nèi)容 149
10.1.1 text-align 149
10.1.2 line-height 150
10.1.3 字體 152
10.1.4 截?cái)? 153
10.2 內(nèi)邊距邊界 155
10.3 邊框邊界 156
10.4 外邊距邊界 161
第11章 Flex布局——FlexBox 162
第12章 使用CSS3新特性 188
12.1 transform屬性 188
12.2 translate方法 189
12.3 rotate方法 194
12.4 scale()方法 196
12.5 skew()方法 197
12.6 transition方法 203
12.7 幀動畫 212
第13章 DOM操作 229
13.1 DOM是什么 229
13.2 通過DOM獲取文檔元素 230
13.2.1 getElementById()方法 230
13.2.2 innerHTML方法 230
13.2.3 getElementsByTagName()方法 233
13.2.4 getElementsByClassName()方法 234
13.3 DOM節(jié)點(diǎn) 236
13.3.1 節(jié)點(diǎn)之間的關(guān)系 236
13.3.2 節(jié)點(diǎn)的屬性 240
13.4 DOM事件 245
13.4.1 鼠標(biāo)單擊事件onclick 246
13.4.2 表單改變事件onchange() 247
13.4.3 完成加載事件onload 248
第14章 JavaScript對象 249
14.1 數(shù)組 249
14.1.1 Array對象的屬性 250
14.1.2 Array對象的方法 250
14.1.3 數(shù)組遍歷 254
14.2 字符串對象 254
14.2.1 String對象的屬性 254
14.2.2 String對象的方法 255
14.3 日期 257
14.3.1 初始化一個日期 258
14.3.2 獲取日期參數(shù) 258
第15章 JavaScript基本語法 261
15.1 開始使用JavaScript 261
15.2 變量 265
15.3 基本數(shù)據(jù)類型 265
15.4 基本語句 266
15.4.1 if else語句 266
15.4.2 循環(huán)語句 267
15.5 函數(shù) 267
15.6 對象 268
第16章 Window對象 270
16.1 setInterval()方法和clearInterval()方法 270
16.2 setTimeout()方法和clearTimeout()方法 274
16.3 Location對象 277
第17章 函數(shù) 279
17.1 函數(shù)的定義 279
17.1.1 初識函數(shù) 279
17.1.2 匿名函數(shù) 280
17.1.3 自我調(diào)用函數(shù) 280
17.2 函數(shù)調(diào)用 281
17.3 函數(shù)的作用域 281
17.4 函數(shù)的參數(shù) 283
第18章 jQuery中的選擇器 284
18.1 選取所有元素 284
18.2 基本選擇器 288
18.2.1 id選擇器 288
18.2.2 class選擇器 288
18.2.3 元素選擇器 291
18.2.4 組合使用基本選擇器 292
18.3 位置選擇器 293
18.3.1 選擇特殊位置 293
18.3.2 任意位置選擇器 295
18.4 屬性選擇器 297
18.5 表單選擇器 299
18.5.1 根據(jù)type選擇對應(yīng)的input 299
18.5.2 狀態(tài)選擇器 300
18.6 靈活使用各種選擇器 301
第19章 jQuery中的DOM方法 303
19.1 獲取上層元素 303
19.1.1 parent()方法 303
19.1.2 parents()方法 305
19.1.3 parentsUntil() 方法 306
19.2 獲取后代元素 307
19.2.1 children()方法 307
19.2.2 find()方法 309
19.3 選擇兄弟節(jié)點(diǎn) 310
19.3.1 siblings()方法 310
19.3.2 next()方法、nextAll()方法和nextUntil()方法 312
19.4 jQuery與JavaScript的DOM選擇對比 314
19.5 jQuery中其他DOM節(jié)點(diǎn)選擇方法 315
19.5.1 first()和last() 315
19.5.2 eq() 315