123,123,123

內(nèi)容簡(jiǎn)介

　　本書(shū)較為全面地介紹了HTML5前端開(kāi)發(fā)的核心知識(shí)，并簡(jiǎn)要介紹了使用HBuilder開(kāi)發(fā)移動(dòng)App的流程。全書(shū)共8章，從企業(yè)用人需求的角度出發(fā)，本著夠用、實(shí)用的原則，介紹了JavaScript、HTML、CSS、移動(dòng)前端實(shí)戰(zhàn)、Swiper插件、JSON數(shù)據(jù)、jQuery框架、移動(dòng)App開(kāi)發(fā)等相關(guān)知識(shí)。通過(guò)學(xué)習(xí)本書(shū)，讀者可以掌握HTML5核心要點(diǎn)，能夠運(yùn)用CSS進(jìn)行布局。通過(guò)學(xué)習(xí)Swiper插件，讀者可領(lǐng)會(huì)其他插件的用法；通過(guò)學(xué)習(xí)jQuery框架，讀者可領(lǐng)會(huì)其他框架的用法。在此基礎(chǔ)上，本書(shū)通過(guò)講解JSON，幫助讀者理解后臺(tái)數(shù)據(jù)；通過(guò)講解HBuilder開(kāi)發(fā)移動(dòng)App的流程，指引讀者打開(kāi)通向混合式移動(dòng)App開(kāi)發(fā)的大門。

作者簡(jiǎn)介

　　曾建華，男，碩士，副教授，深圳職業(yè)技術(shù)學(xué)院教師。具備豐富的軟件開(kāi)發(fā)經(jīng)驗(yàn)和教材編寫經(jīng)驗(yàn)，精通HTML5、Visual Studio、Delphi、SQL Server開(kāi)發(fā)，長(zhǎng)期獨(dú)立為企業(yè)、高校開(kāi)發(fā)項(xiàng)目并維護(hù)運(yùn)行。

圖書(shū)目錄

第 1章開(kāi)發(fā)環(huán)境及JavaScript
準(zhǔn)備　1
1．1　HTML5相關(guān)技術(shù)簡(jiǎn)介　1
1．1．1　HTML　2
1．1．2　CSS　2
1．1．3　JavaScript　2
1．2　Sublime Text 3及常用插件的
安裝、使用　2
1．2．1　安裝Sublime Text　3
1．2．2　安裝Package Control
組件　5
1．2．3　安裝Emmet插件　7
1．2．4　使用Sublime Text　8
1．2．5　Chrome瀏覽器調(diào)試入門　13
1．2．6　Sublime Text常用技巧　13
1．3　安裝及使用HTML-CSS-JS
Prettify插件　18
1．3．1　安裝HTML-CSS-JS
Prettify插件　18
1．3．2　安裝Node．js　18
1．3．3　配置Node．js　22
1．3．4　使用HTML-CSS-JS
Prettify插件　23
1．4　常用JavaScript　25
1．4．1　數(shù)據(jù)類型　25
1．4．2　流控語(yǔ)句　27
1．4．3　數(shù)組　29
1．4．4　document對(duì)象　31
1．4．5　函數(shù)和事件　33
1．4．6　立即執(zhí)行函數(shù)　34
1．4．7　函數(shù)作為參數(shù)　35
1．4．8　定時(shí)相關(guān)函數(shù)　36
1．4．9　同步與異步　38
本章思考　39
第　2章 HTML　40
2．1　HTML常用元素　40
2．1．1　label、input、button、
radio、checkbox及ul　40
2．1．2　表單驗(yàn)證　47
2．2　HTML5新特性　48
2．2．1　多媒體　48
2．2．2　拖放　51
2．2．3　Web存儲(chǔ)　53
2．2．4　使用canvas繪制圖形　56
本章思考　58
第3章　CSS　59
3．1　常用CSS　59
3．1．1　CSS基本語(yǔ)法及使用
CSS的幾種方式　59
3．1．2　多列布局　63
3．1．3　display屬性：block、
inline、inline-block、
none　65
3．1．4　BOX模型　67
3．1．5　position屬性　69
3．1．6　Float布局　74
3．1．7　Flex布局　76
3．1．8　overflow屬性　81
3．1．9　transparent屬性　83
3．1．10　background相關(guān)屬性　85
3．1．11　通過(guò)JavaScript
操作CSS　87
3．2　CSS3新功能　89
3．2．1　圓角、陰影　89
3．2．2　漸變　93
3．2．3　2D變換：旋轉(zhuǎn)、傾斜、
縮放、位移　96
3．2．4　3D旋轉(zhuǎn)　101
3．2．5　動(dòng)畫(huà)（transition）　105
3．2．6　viewport　117
3．2．7　Media Queries　117
本章思考　122
第4章　移動(dòng)前端實(shí)戰(zhàn)　123
4．1　登錄頁(yè)面　123
4．1．1　登錄頁(yè)面介紹　123
4．1．2　登錄頁(yè)面演練　123
4．2　設(shè)置頁(yè)面　125
4．2．1　設(shè)置頁(yè)面介紹　125
4．2．2　設(shè)置頁(yè)面演練　125
4．3　客服頁(yè)面　127
4．3．1　客服頁(yè)面介紹　128
4．3．2　客服頁(yè)面演練　128
4．4　商品詳情頁(yè)面　133
4．4．1　商品詳情頁(yè)面介紹　133
4．4．2　商品詳情頁(yè)面演練　133
4．5　購(gòu)物車頁(yè)面　138
4．5．1　購(gòu)物車頁(yè)面介紹　138
4．5．2　購(gòu)物車頁(yè)面演練　138
4．6　訂單頁(yè)面　142
4．6．1　訂單頁(yè)面介紹　142
4．6．2　訂單頁(yè)面演練　142
本章思考　153
第5章　Swiper插件　154
5．1　Swiper實(shí)現(xiàn)輪播　154
5．1．1　Swiper使用步驟　154
5．1．2　Swiper演練　155
5．2　Swiper Animate實(shí)現(xiàn)動(dòng)畫(huà)　169
5．2．1　Swiper Animate入門　169
5．2．2　Swiper Animate演練　170
本章思考　175
第6章　JSON數(shù)據(jù)　176
6．1　JSON入門　176
6．1．1　JSON概述　176
6．1．2　操作JSON數(shù)據(jù)　177
6．1．3　JSON和字符串類型
相互轉(zhuǎn)換　179
6．2　JSON實(shí)戰(zhàn)　181
6．2．1　使用JSON在線
解析工具　181
6．2．2　在Chrome調(diào)試器中
觀察JSON數(shù)據(jù)　182
6．2．3　根據(jù)JSON數(shù)據(jù)動(dòng)態(tài)
綁定頁(yè)面　184
本章思考　186
第7章　jQuery框架　187
7．1　jQuery入門　187
7．1．1　jQuery簡(jiǎn)介　187
7．1．2　使用jQuery　187
7．1．3　常用jQuery操作　189
7．2　jQuery Ajax讀取JSON
格式數(shù)據(jù)文件　195
7．2．1　AJAX簡(jiǎn)介　195
7．2．2　jQuery Ajax演練　196
7．3　jQuery實(shí)戰(zhàn)：翻牌游戲　203
7．3．1　翻牌游戲功能簡(jiǎn)介　203
7．3．2　實(shí)戰(zhàn)分解　204
本章思考　231
第8章　移動(dòng)App開(kāi)發(fā)　232
8．1　HBuilder　232
8．1．1　HBuilder特點(diǎn)　232
8．1．2　HBuilder安裝　232
8．2　海馬玩模擬器　234
8．2．1　海馬玩模擬器特點(diǎn)　234
8．2．2　海馬玩模擬器安裝　235
8．3　移動(dòng)App開(kāi)發(fā)流程　236
8．3．1　創(chuàng)建移動(dòng)App模板項(xiàng)目　236
8．3．2　帶底部導(dǎo)航、輪播圖和
新聞列表的App　240
本章思考　245