HTML5移動(dòng)Web開發(fā) 版權(quán)信息
- ISBN:9787113231033
- 條形碼:9787113231033 ; 978-7-113-23103-3
- 裝幀:70g膠版紙
- 冊(cè)數(shù):暫無
- 重量:暫無
- 所屬分類:>>
HTML5移動(dòng)Web開發(fā) 本書特色
近些年,移動(dòng)互聯(lián)網(wǎng)迅速進(jìn)入人們的生活、工作中。在移動(dòng)互聯(lián)網(wǎng)中起支撐作用的網(wǎng)頁、APP等開發(fā)技術(shù)也已經(jīng)成熟。除了原生的Android與iOS外,HTML5也是移動(dòng)Web技術(shù)中不可忽視的一種開發(fā)模式。本書詳細(xì)講解了HTML5在移動(dòng)Web開發(fā)中的應(yīng)用,包括多媒體、canv
HTML5移動(dòng)Web開發(fā) 內(nèi)容簡介
本書詳細(xì)講解了HTML5在移動(dòng)Web開發(fā)中的應(yīng)用,并穿插了兩個(gè)綜合項(xiàng)目,將所講所學(xué)應(yīng)用到實(shí)際開發(fā)中。
HTML5移動(dòng)Web開發(fā) 目錄
第1章移動(dòng)互聯(lián)中的Web應(yīng)用 .................1
1.1 移動(dòng)互聯(lián)網(wǎng)的發(fā)展
...............1
1.2 移動(dòng)Web開發(fā)概述
...............3
1.2.1 移動(dòng)開發(fā)的幾種
方式 ............................3
1.2.2 移動(dòng)Web開發(fā)與PC端Web開發(fā)的區(qū)別
.........4
1.3 移動(dòng)端的Web瀏覽器
...........4
1.4 基于HTML5的移動(dòng)Web
開發(fā) .......................................5
小結(jié) ................................................7
思考題 ............................................7
第2章基于HTML5的移動(dòng)Web應(yīng)用(上) ...8
2.1 HTML5的網(wǎng)絡(luò)存儲(chǔ) .............8
2.1.1 Web Storage簡介 ........9
2.1.2 localStorage
..............10
2.1.3 sessionStorage
...........12
2.1.4 Storage 事件監(jiān)聽 .....14
2.2 移動(dòng)Web離線應(yīng)用
.............15
2.2.1 離線應(yīng)用簡介 ..........15
2.2.2 Application Cache
的基本應(yīng)用 ..............16
2.2.3 applicationCache
對(duì)象 ..........................20
2.2.4 離線緩存更新 ..........21
2.3 HTML5畫布
.......................22
2.3.1 初識(shí)canvas
...............22
2.3.2 利用canvas 繪制
矩形和清除矩形 ......25
2.3.3 利用canvas 繪制
圓形
..........................27
2.3.4 利用canvas 繪制
圖片 ..........................28
2.3.5 利用canvas 其他
方法 ..........................30
小結(jié) ..............................................31
思考題 ..........................................31
第3章基于HTML5的移動(dòng)Web應(yīng)用(下) ...32
3.1 視頻與音頻
.........................32
3.1.1 標(biāo)簽的
使用 ..........................33
3.1.2 HTML DOM Video
對(duì)象 ..........................35
3.1.3 標(biāo)簽的
使用 ..........................38
3.1.4 HTML DOM Audio
對(duì)象 ..........................39
3.2 Geolocation地理定位
.........42
3.2.1 Geolocation簡介 .......42
3.2.2 獲取當(dāng)前位置 ..........42
3.2.3 調(diào)用百度地圖 ..........45
3.3 拖曳
.....................................49
3.4 文件操作
.............................52
3.4.1 選擇文件
..................53
3.4.2 操作文件
..................55
小結(jié) ..............................................59
思考題 ..........................................59
第4章移動(dòng)端頁面布局和常用事件 ............60
4.1 流式布局
.............................60
4.2 視口
.....................................62
4.2.1 理解視口
..................62
4.2.2 移動(dòng)端的3種視口 ....63
4.3 移動(dòng)端常用事件
.................65
4.3.1 Touch事件簡介
........65
4.3.2 Touch事件的應(yīng)用 ....67
4.3.3 過渡和動(dòng)畫結(jié)束
事件 ..........................70
小結(jié) ..............................................75
思考題 ..........................................75
第5章綜合項(xiàng)目——黑馬
掌上商城 ..........76
5.1 項(xiàng)目簡介
.............................76
5.1.1 項(xiàng)目功能展示 ..........77
5.1.2 項(xiàng)目目錄和文件
結(jié)構(gòu) ..........................77
5.1.3 項(xiàng)目開發(fā)流程 ..........78
5.2 商城首頁
.............................80
5.2.1 【任務(wù)1】 項(xiàng)目
搭建 ..........................80
5.2.2 【任務(wù)2】 頁面主體
和頭部搜索 ..............83
5.2.3 【任務(wù)3】 輪播圖 ...87
5.2.4 【任務(wù)4】 導(dǎo)航欄 ...92
5.2.5 【任務(wù)5】 商品 ......95
5.3 商品分類頁
.......................102
5.3.1 【任務(wù)6】 頂部
通欄 ........................102
5.3.2 【任務(wù)7】 左側(cè)欄 ...104
5.3.3 【任務(wù)8】 右側(cè)欄 ...109
5.4 購物車頁面
.......................114
5.4.1 【任務(wù)9】 購物
車頁面 ....................114
5.4.2 【任務(wù)10】 彈出
框動(dòng)畫 ....................122
5.5 Zepto.js
..............................127
5.5.1 Zepto 模塊
..............127
5.5.2 Zepto的使用
...........128
小結(jié) ............................................129
思考題 ........................................130
第6章跨平臺(tái)移動(dòng)Web
技術(shù) ..............131
6.1 響應(yīng)式Web設(shè)計(jì)
...............131
6.1.1 響應(yīng)式Web設(shè)計(jì)
簡介 ........................132
6.1.2 響應(yīng)式Web設(shè)計(jì)
相關(guān)技術(shù) ................133
6.2 媒體查詢
...........................133
6.3 柵格系統(tǒng)
...........................136
6.4 彈性盒布局
.......................139
小結(jié)
...........................................146
思考題 ........................................146
第7章使用Bootstrap進(jìn)行
移動(dòng)Web開發(fā) ...147
7.1 初識(shí)Bootstrap
...................147
7.1.1 Bootstrap簡介
.........147
7.1.2 Bootstrap下載
.........148
7.1.3 Bootstrap基本
模板 ........................150
7.2 Bootstrap常用布局 ...........151
7.2.1 布局容器
................151
7.2.2 柵格系統(tǒng)
................152
7.2.3 響應(yīng)式工具
............154
7.3 Bootstrap常用樣式 ...........157
7.3.1 導(dǎo)航欄
....................157
7.3.2 表單
........................161
7.3.3 按鈕
........................166
7.3.4 標(biāo)簽頁
....................168
7.3.5 輪播插件
................170
小結(jié) ............................................174
思考題 ........................................174
第8章綜合項(xiàng)目——黑馬
財(cái)富 ..............175
8.1 項(xiàng)目簡介
...........................176
8.1.1 項(xiàng)目功能展示 ........176
8.1.2 項(xiàng)目目錄和文件
結(jié)構(gòu) ........................178
8.1.3 項(xiàng)目開發(fā)流程 ........179
8.2 【任務(wù)1】 index.html頁面
結(jié)構(gòu)搭建 ...........................180
8.3 【任務(wù)2】 頂部通欄
模塊 ...................................182
8.4 【任務(wù)3】 導(dǎo)航欄模塊 ...186
8.5 【任務(wù)4】 輪播圖模塊 ...191
8.6 【任務(wù)5】 信息和預(yù)約
模塊 ...................................197
8.7 【任務(wù)6】 產(chǎn)品模塊 .......203
8.8 【任務(wù)7】 新聞和合作
伙伴模塊 ...........................213
小結(jié) ............................................222
思考題 ........................................222
展開全部
HTML5移動(dòng)Web開發(fā) 作者簡介
“中關(guān)村黑馬程序員訓(xùn)練營”是由傳智播客教育科技有限公司(簡稱傳智播客)聯(lián)合中關(guān)村軟件園、CSDN,并委托傳智播客進(jìn)行教學(xué)實(shí)施的軟件開發(fā)高端培訓(xùn)機(jī)構(gòu),致力于服務(wù)各大軟件企業(yè),解決當(dāng)前軟件開發(fā)技術(shù)飛速發(fā)展,而企業(yè)招不到優(yōu)秀人才的困擾。 目前,“中關(guān)村黑馬程序員訓(xùn)練營”已成長為行業(yè)“學(xué)員質(zhì)量好、課程內(nèi)容深、企業(yè)滿意”的移動(dòng)開發(fā)高端訓(xùn)練基地,并被評(píng)為中關(guān)村軟件園重點(diǎn)扶持人才企業(yè)。