關(guān)于我們
書(shū)單推薦
新書(shū)推薦
|
瘋狂HTML 5+CSS 3+JavaScript講義
W3C于2016年11月1日正式發(fā)布了HTML 5.1規(guī)范,該規(guī)范已經(jīng)得到廣大瀏覽器廠商的支持,主流的最新版本的瀏覽器幾乎都支持該規(guī)范。與此同時(shí),前端開(kāi)發(fā)的持續(xù)火爆,使得HTML 5成為目前的熱門(mén)領(lǐng)域。本書(shū)是一本全面介紹HTML 5、CSS 3和JavaScript前端開(kāi)發(fā)技術(shù)的圖書(shū),系統(tǒng)地介紹了HTML 5常用的元素和屬性、HTML 5的表單元素和屬性、HTML 5的繪圖支持、HTML 5的多媒體支持、CSS 3的功能和用法、最前沿的變形與動(dòng)畫(huà)功能等。除此之外,本書(shū)還系統(tǒng)地介紹了JavaScript編程知識(shí),包括JavaScript基本語(yǔ)法、DOM編程,以及HTML 5新增的本地存儲(chǔ)、Indexed數(shù)據(jù)庫(kù)、離線應(yīng)用、JavaScript多線程、客戶端通信支持、WebSocket編程等。本書(shū)的定位是一本前端開(kāi)發(fā)的“實(shí)戰(zhàn)性”圖書(shū),因此在介紹各知識(shí)點(diǎn)時(shí)并不是簡(jiǎn)單地停留在知識(shí)點(diǎn)層面闡述,而是結(jié)合了大量實(shí)例來(lái)讓讀者對(duì)照練習(xí)、學(xué)以致用。本書(shū)最后還提供了一個(gè)基于HTML 5技術(shù)的小游戲:瘋狂俄羅斯方塊。該游戲綜合運(yùn)用了HTML 5的繪圖支持、客戶端存儲(chǔ)等技術(shù),具有較高的參考價(jià)值。
適讀人群 :本書(shū)對(duì)HTML 5、CSS 3、JavaScript的介紹是“從零開(kāi)始”的,因此閱讀本書(shū)并不需要額外的基礎(chǔ)。對(duì)于剛剛從事前端開(kāi)發(fā)的新人,本書(shū)具有很好的學(xué)習(xí)價(jià)值;對(duì)于有一定工作經(jīng)驗(yàn)的前端工程師,本書(shū)具有很高的參考價(jià)值。本書(shū)也可作為高校、培訓(xùn)機(jī)構(gòu)的培訓(xùn)教材。
《瘋狂 HTML5+CSS 3+JavaScript講義(第2版)》由知名IT作家李剛老師創(chuàng)作
全書(shū)面向HTML5.1規(guī)范正式版,更新多個(gè)元素、拖放規(guī)范的相關(guān)知識(shí),新增外掛字幕、點(diǎn)線模式等內(nèi)容,著重介紹新增的手機(jī)端相關(guān)特性
詳細(xì)介紹漸變背景支持、彈性盒布局、手機(jī)瀏覽器響應(yīng)式布局、3D變換等CSS新增特性及重大改進(jìn)
W3C于2016年11月1日正式發(fā)布了HTML 5.1規(guī)范,再次引起廣大前端開(kāi)發(fā)者對(duì)HTML 5的極大熱情。而Firefox、Opera、Chrome、Safari等主流瀏覽器的最新版本都能很好地支持該規(guī)范,這對(duì)廣大開(kāi)發(fā)者來(lái)說(shuō)也是很大的利好消息。
本書(shū)作為《瘋狂HTML 5/CSS 3/JavaScript講義》的第2版,針對(duì)目前最新的HTM L 5.1規(guī)范,對(duì)全書(shū)內(nèi)容進(jìn)行了大量的更新和升級(jí)。全書(shū)內(nèi)容包括如下升級(jí):
(1)重寫(xiě)了HTML 5增強(qiáng)的<a.../>、<img.../>、<iframe.../>、<textarea.../>等重要元素。
(2)重寫(xiě)了主流瀏覽器更新支持的<details.../>、<summary.../>、<ruby.../>、<rtc.../>、<rb.../>、<rt.../>和<rp.../>等元素。
(3)重寫(xiě)了HTML 5.1重新定義的拖放規(guī)范。
(4)新增了HTML 5繪圖API關(guān)于點(diǎn)線模式支持的內(nèi)容。
(5)新增了多媒體支持的<track.../>元素來(lái)添加外掛字幕的內(nèi)容。
(6)詳細(xì)介紹了CSS 3新增的漸變背景支持。
(7)詳細(xì)介紹了CSS 3最新定義的彈性盒布局,這是CSS 3關(guān)于布局的最大改進(jìn)。
(8)新增了關(guān)于手機(jī)瀏覽器響應(yīng)式布局的內(nèi)容。
(9)新增了CSS 3關(guān)于3D變換支持的內(nèi)容。
(10)以ES 6標(biāo)準(zhǔn)為基礎(chǔ),介紹了最新的JavaScript語(yǔ)法,包括JavaScript的箭頭函數(shù)、閉包語(yǔ)句、Promise的重要內(nèi)容。
(11)深入補(bǔ)充了JavaScript偽繼承的常用實(shí)現(xiàn)方式。
(12)新增介紹了HTML 5最新添加的電池訪問(wèn)API、通知API等內(nèi)容。
(13)重寫(xiě)了上一版中關(guān)于事件機(jī)制的相關(guān)內(nèi)容。既針對(duì)最新DOM 3事件模型做了詳細(xì)介紹,也兼顧了傳統(tǒng)IE事件模型。并補(bǔ)充了目前熱門(mén)的手機(jī)瀏覽器中觸碰事件的處理機(jī)制。
(14)新增介紹了HTML 5新增的Indexed數(shù)據(jù)庫(kù)API。
(15)新增介紹了HTML 5規(guī)范新增的ArrayBuffer、TypedArray、Blob等二進(jìn)制支持的相關(guān)內(nèi)容。
(16)新增介紹了HTML 5中使用SharedWorker創(chuàng)建共享線程的內(nèi)容。
(17)補(bǔ)充介紹了WebSocket發(fā)送二進(jìn)制數(shù)據(jù)的相關(guān)知識(shí)。
(18)新增介紹了HTML 5新增的Server-Sent Events API、Beacon等單向網(wǎng)絡(luò)通信的內(nèi)容。
本書(shū)有什么特點(diǎn)
本書(shū)是一本介紹HTML 5、CSS 3和JavaScript開(kāi)發(fā)技術(shù)的實(shí)用圖書(shū)。全書(shū)可分為4個(gè)部分。
第1部分:全面介紹了HTML 5的全部標(biāo)簽,并且詳細(xì)介紹了各標(biāo)簽所支持的屬性,并為各HTML標(biāo)簽、屬性都提供了配套的示例頁(yè)面,這些內(nèi)容不僅可以作為學(xué)習(xí)HTML 5的教程,也可以作為日常開(kāi)發(fā)的參考手冊(cè)。
第2部分:詳細(xì)介紹了CSS 3的絕大部分常用選擇器、屬性,并為這些選擇器、屬性提供了示例,方便廣大讀者參考本書(shū)全面、系統(tǒng)地掌握CSS 3的功能和用法。這部分內(nèi)容也可以作為前端開(kāi)發(fā)者的參考手冊(cè)。
第3部分:重點(diǎn)介紹了JavaScript編程的相關(guān)內(nèi)容,包括JavaScript基礎(chǔ)語(yǔ)法、JavaScript函數(shù)、JavaScript對(duì)象、DOM編程、事件處理、本地存儲(chǔ)、Indexed數(shù)據(jù)庫(kù)、離線應(yīng)用、多線程、跨文檔消息通信、網(wǎng)絡(luò)通信編程等知識(shí),這些內(nèi)容既覆蓋了初學(xué)者的編程基礎(chǔ),也覆蓋了HTML 5所支持的新功能,非常適合作為前端開(kāi)發(fā)者的學(xué)習(xí)教程。
第4部分:綜合運(yùn)用了HTML 5的繪圖支持、客戶端存儲(chǔ)、CSS樣式、JavaScript編程等內(nèi)容,開(kāi)發(fā)了一個(gè)網(wǎng)頁(yè)版的“瘋狂俄羅斯方塊”。這個(gè)小游戲既可讓讀者鞏固前面所掌握的各種知識(shí),也可讓讀者將所學(xué)理論運(yùn)用到實(shí)際開(kāi)發(fā)中。
需要說(shuō)明的是,本書(shū)只是一本介紹HTML 5、CSS 3、JavaScript實(shí)際開(kāi)發(fā)的圖書(shū),而不是一本關(guān)于所謂“設(shè)計(jì)思想”的書(shū),不要指望學(xué)習(xí)本書(shū)能提高你所謂的“設(shè)計(jì)思想”,所以奉勸那些希望提高思想的讀者不要閱讀本書(shū)。
本書(shū)所介紹的知識(shí)都很“淺顯”,只要讀者愿意坐下來(lái)、靜心閱讀本書(shū),并把書(shū)中所有示例循序漸進(jìn)地練習(xí)一遍,本書(shū)帶給你的只是9個(gè)字:“看得懂、學(xué)得會(huì)、做得出”。本書(shū)并沒(méi)有堆砌“深?yuàn)W”的新名詞、堆砌“高深”的思想,本書(shū)依然保持了“瘋狂Java體系”的一貫風(fēng)格:思路清晰,語(yǔ)言平實(shí),操作步驟詳細(xì)。
不管怎樣,只要讀者在閱讀本書(shū)時(shí)遇到知識(shí)上的問(wèn)題,都可以登錄瘋狂Java聯(lián)盟與廣大Java學(xué)習(xí)者交流,筆者也會(huì)通過(guò)該平臺(tái)與大家一起交流、學(xué)習(xí)。
本書(shū)具有如下幾個(gè)特點(diǎn)。
1.知識(shí)全面,覆蓋面廣
本書(shū)全面介紹了HTML 5、CSS 3、JavaScript的各種相關(guān)知識(shí),包括HTML 5增強(qiáng)的表單標(biāo)簽、繪圖支持、多媒體支持、CSS選擇器、CSS盒模型屬性、CSS變形和動(dòng)畫(huà)相關(guān)屬性、離線應(yīng)用、客戶端存儲(chǔ)、JavaScript多線程、跨文檔消息傳遞、WebSocket等內(nèi)容。本書(shū)基本全面覆蓋了W3C官網(wǎng)上已發(fā)布的HTML 5.1新規(guī)范。
2.內(nèi)容實(shí)際,實(shí)用性強(qiáng)
本書(shū)并不局限于枯燥的理論介紹,而是采用了“項(xiàng)目驅(qū)動(dòng)”的方式來(lái)講授知識(shí)點(diǎn)。無(wú)論是講解HTML 5標(biāo)簽還是CSS 3選擇器、屬性的功能,幾乎每個(gè)知識(shí)點(diǎn)都可找到對(duì)應(yīng)的參考示例。本書(shū)最后還提供了“瘋狂俄羅斯方塊”案例,實(shí)用性很強(qiáng)。
3.講解詳細(xì),上手容易
本書(shū)保持了“瘋狂Java體系”的一貫風(fēng)格:思路清晰,語(yǔ)言平實(shí),操作步驟詳細(xì)。只要認(rèn)真閱讀本書(shū),把書(shū)中所有示例循序漸進(jìn)地練習(xí)一遍,并把本書(shū)最后一個(gè)案例獨(dú)立完成,讀者就可達(dá)到企業(yè)前端開(kāi)發(fā)的要求。
本書(shū)寫(xiě)給誰(shuí)看
本書(shū)是一本“從零學(xué)習(xí)”的HTML 5、CSS 3、JavaScript專業(yè)圖書(shū),閱讀本書(shū)并不需要額外的基礎(chǔ)。對(duì)于剛剛從事前端開(kāi)發(fā)的新人,本書(shū)具有很好的學(xué)習(xí)價(jià)值;對(duì)于有一定工作經(jīng)驗(yàn)的前端工程師,本書(shū)具有很高的參考價(jià)值。本書(shū)也可作為高校、培訓(xùn)機(jī)構(gòu)的教材使用。由于本書(shū)是一本專業(yè)級(jí)的前端開(kāi)發(fā)技術(shù)圖書(shū),對(duì)于那些只想簡(jiǎn)單了解HTML、CSS的業(yè)余人士,不推薦選擇本書(shū)。
2017-3-10
十多年的軟件開(kāi)發(fā)從業(yè)經(jīng)驗(yàn),瘋狂軟件教育中心教學(xué)總監(jiān)。瘋狂Java實(shí)訓(xùn)營(yíng)創(chuàng)始人,瘋狂Java體系原創(chuàng)圖書(shū)作者。廣東技術(shù)師范學(xué)院計(jì)算機(jī)科學(xué)系的兼職副教授,51CTO專家門(mén)診特邀嘉賓。培訓(xùn)的學(xué)生已在華為、IBM、阿里軟件、網(wǎng)易、電信盈科等名企就職。國(guó)內(nèi)著名高端IT技術(shù)作家,已出版《瘋狂Java講義》《瘋狂Android講義》《輕量級(jí)Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)》《瘋狂iOS講義(基礎(chǔ)篇)(高級(jí)篇)》《瘋狂 Swift講義》《瘋狂Ajax講義》《瘋狂XML講義》《經(jīng)典Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)》《Struts 2.x**指南》《瘋狂HTML 5/CSS 3/JavaScript講義》等著作。其 中瘋狂Java體系圖書(shū)均已沉淀多年、贏得極高的市場(chǎng)認(rèn)同、多次重印成為超級(jí)暢銷(xiāo)圖書(shū),并被多所“985”“211”高校選作教材,不少圖書(shū)已被翻譯成繁體中文版、 授權(quán)到臺(tái)灣地區(qū)。
?
第1章 HTML 5簡(jiǎn)介 1
1.1 HTML歷史與HTML 5 2
1.1.1 HTML發(fā)展歷史 2
1.1.2 HTML 4.01和XHTML 3
1.1.3 HTML和XHTML的文檔類(lèi)型定義(DTD) 4
1.1.4 從XHTML到HTML 5 5
1.2 HTML 5的優(yōu)勢(shì) 6
1.2.1 解決跨瀏覽器問(wèn)題 6
1.2.2 部分代替了原來(lái)的JavaScript 6
1.2.3 更明確的語(yǔ)義支持 7
1.2.4 增強(qiáng)了Web應(yīng)用程序的功能 8
1.3 HTML 5的基本結(jié)構(gòu)和語(yǔ)法變化 8
1.3.1 HTML 5的基本結(jié)構(gòu) 8
1.3.2 標(biāo)簽不再區(qū)分大小寫(xiě) 9
1.3.3 元素可以省略結(jié)束標(biāo)簽 10
1.3.4 支持boolean值的屬性 11
1.3.5 允許屬性值不使用引號(hào) 12
1.4 本章小結(jié) 12
第2章 HTML 5的常用元素與屬性 14
2.1 HTML 5保留的常用元素 15
2.1.1 基本元素 15
2.1.2 文本格式相關(guān)元素 17
2.1.3 語(yǔ)義相關(guān)元素 19
2.1.4 使用a元素添加超鏈接和錨點(diǎn) 21
2.1.5 列表相關(guān)元素 24
2.1.6 使用img元素添加圖片 27
2.1.7 表格相關(guān)元素 30
2.2 HTML 5增強(qiáng)的iframe元素 34
2.2.1 HTML 5新增的srcdoc屬性 35
2.2.2 HTML 5新增的seamless屬性 36
2.2.3 HTML 5新增的sandbox屬性 36
2.3 HTML 5保留的通用屬性 40
2.3.1 id、style、class屬性 40
2.3.2 dir屬性 41
2.3.3 title屬性 42
2.3.4 lang屬性 43
2.3.5 accesskey屬性 43
2.3.6 tabindex屬性 43
2.4 HTML 5新增的通用屬性 44
2.4.1 contentEditable屬性 44
2.4.2 designMode屬性 46
2.4.3 hidden屬性 46
2.4.4 spellcheck屬性 47
2.4.5 contextmenu屬性 47
2.5 HTML 5新增的結(jié)構(gòu)元素 48
2.5.1 article與section元素 48
2.5.2 header與footer元素 51
2.5.3 nav與aside元素 52
2.5.4 main元素 53
2.5.5 figure與figcaption元素 54
2.6 HTML 5新增的語(yǔ)義元素 55
2.6.1 mark元素 55
2.6.2 time元素 56
2.6.3 details與summary元素 56
2.6.4 ruby、rtc、rb、rt和rp元素 57
2.6.5 bdi元素 58
2.6.6 wbr元素 58
2.6.7 menu和menuitem元素 59
2.7 HTML 5頭部和元信息 59
2.7.1 link元素 60
2.7.2 base元素 62
2.7.3 meta元素 62
2.8 HTML 5新增的拖放API 63
2.8.1 啟動(dòng)拖動(dòng) 63
2.8.2 接受“放” 65
2.8.3 DataTransfer對(duì)象 67
2.8.4 拖放行為 69
2.8.5 改變拖放圖標(biāo) 70
2.9 本章小結(jié) 71
第3章 HTML 5表單相關(guān)的元素和屬性 72
3.1 HTML原有的表單及表單控件 73
3.1.1 form元素 73
3.1.2 input元素 74
3.1.3 使用label定義標(biāo)簽 77
3.1.4 使用button定義按鈕 78
3.1.5 select與option元素 79
3.1.6 HTML 5增強(qiáng)的textarea 80
3.1.7 fieldset與legend元素 82
3.2 HTML 5新增的表單屬性 83
3.2.1 form屬性 83
3.2.2 formaction屬性 83
3.2.3 formxxx屬性 84
3.2.4 autofocus屬性 85
3.2.5 placeholder屬性 85
3.2.6 list屬性 86
3.2.7 autocomplete屬性 87
3.2.8 label的control屬性 88
3.2.9 表單元素的labels屬性 88
3.2.10 文本框的selectionDirection屬性 89
3.2.11 復(fù)選框的indeterminate屬性 89
3.3 HTML 5新增的表單元素 90
3.3.1 功能豐富的input元素 90
3.3.2 output元素 93
3.3.3 meter元素 94
3.3.4 progress元素 95
3.3.5 keygen元素 95
3.4 HTML 5新增的客戶端校驗(yàn) 96
3.4.1 使用校驗(yàn)屬性執(zhí)行校驗(yàn) 96
3.4.2 調(diào)用checkValidity方法進(jìn)行校驗(yàn) 97
3.4.3 自定義錯(cuò)誤提示 98
3.4.4 關(guān)閉校驗(yàn) 99
3.5 本章小結(jié) 100
第4章 HTML 5的繪圖支持 101
4.1 使用canvas元素 102
4.2 繪圖 103
4.2.1 canvas繪圖基礎(chǔ):CanvasRenderingContext2D 103
4.2.2 繪制幾何圖形 105
4.2.3 點(diǎn)線模式 107
4.2.4 繪制字符串 109
4.2.5 設(shè)置陰影 110
4.2.6 使用路徑 111
4.2.7 繪制曲線 115
4.2.8 繪制位圖 117
4.3 坐標(biāo)變換 118
4.3.1 使用坐標(biāo)變換 118
4.3.2 坐標(biāo)變換與路徑結(jié)合使用 119
4.3.3 使用矩陣變換 121
4.4 控制疊加風(fēng)格 123
4.5 控制填充風(fēng)格 124
4.5.1 線性漸變 124
4.5.2 徑向漸變 126
4.5.3 位圖填充 127
4.6 位圖處理 128
4.6.1 位圖裁剪 128
4.6.2 像素處理 129
4.7 輸出位圖 132
4.8 動(dòng)畫(huà)制作 133
4.8.1 基于定時(shí)器的動(dòng)畫(huà) 133
4.8.2 基于requestAnimationFrame的動(dòng)畫(huà) 135
4.9 本章小結(jié) 136
第5章 HTML 5的多媒體支持 137
5.1 使用audio和video元素 138
5.2 使用JavaScript腳本控制媒體播放 141
5.2.1 HTMLAudioElement與HTMLVideoElement支持的方法 141
5.2.2 HTMLAudioElement與HTMLVideoElement的屬性 143
5.3 事件監(jiān)聽(tīng) 144
5.3.1 事件 144
5.3.2 監(jiān)聽(tīng)器 145
5.4 track元素 146
5.4.1 使用track元素添加字幕 146
5.4.2 WebVTT文件簡(jiǎn)介 147
5.4.3 字幕內(nèi)容的標(biāo)記 148
5.5 本章小結(jié) 149
第6章 級(jí)聯(lián)樣式單與CSS選擇器 150
6.1 樣式單概述 151
6.1.1 CSS概述 151
6.1.2 CSS的發(fā)展歷史 152
6.2 CSS樣式單的基本使用 152
6.2.1 引入外部樣式文件 152
6.2.2 導(dǎo)入外部樣式單 154
6.2.3 使用內(nèi)部CSS樣式 155
6.2.4 使用行內(nèi)樣式 156
6.3 CSS選擇器 158
6.3.1 元素選擇器 158
6.3.2 屬性選擇器 159
6.3.3 ID選擇器 161
6.3.4 class選擇器 162
6.3.5 包含選擇器 163
6.3.6 子選擇器 164
6.3.7 CSS 3新增的兄弟選擇器 165
6.3.8 選擇器組合 166
6.4 偽元素選擇器 167
6.4.1 內(nèi)容相關(guān)的屬性 169
6.4.2 插入圖像 170
6.4.3 只插入部分元素 171
6.4.4 配合quotes屬性執(zhí)行插入 171
6.4.5 配合counter-increment屬性添加編號(hào) 172
6.4.6 使用自定義編號(hào) 173
6.4.7 添加多級(jí)編號(hào) 174
6.5 CSS 3新增的偽類(lèi)選擇器 176
6.5.1 結(jié)構(gòu)性偽類(lèi)選擇器 176
6.5.2 UI元素狀態(tài)偽類(lèi)選擇器 186
6.5.3 :target偽類(lèi)選擇器 193
6.5.4。簄ot偽類(lèi)選擇器 194
6.6 在腳本中修改顯示樣式 195
6.6.1 隨機(jī)改變頁(yè)面的背景色 195
6.6.2 動(dòng)態(tài)增加立體效果 196
6.7 本章小結(jié) 197
第7章 字體與文本相關(guān)屬性 198
7.1 字體相關(guān)屬性 199
7.1.1 使用text-shadow添加陰影 201
7.1.2 添加多個(gè)陰影 202
7.1.3 使用font-size-adjust屬性微調(diào)字體大小 203
7.2 CSS 3支持的顏色表示方法 205
7.3 文本相關(guān)屬性 206
7.3.1 使用white-space控制空白的處理行為 208
7.3.2 文本自動(dòng)換行:word-break 209
7.3.3 用word-warp控制長(zhǎng)單詞或URL地址換行 210
7.4 CSS 3新增的服務(wù)器字體 212
7.4.1 使用服務(wù)器字體 212
7.4.2 定義粗體、斜體字 213
7.4.3 優(yōu)先使用客戶端字體 214
7.5 本章小結(jié) 215
第8章 背景、邊框和邊距相關(guān)屬性 216
8.1 盒模型簡(jiǎn)介 217
8.2 背景相關(guān)屬性 217
8.2.1 背景圖片固定 219
8.2.2 CSS 3新增的background-clip屬性 220
8.2.3 CSS 3新增的background-origin屬性 221
8.2.4 CSS 3新增的background-size屬性 222
8.2.5 CSS 3為background-repeat新增的space和round 224
8.2.6 CSS 3新增的多背景圖片 225
8.3 使用漸變背景 226
8.3.1 使用linear-gradient設(shè)置線性漸變 226
8.3.2 使用repeating-linear-gradient設(shè)置循環(huán)線性漸變 230
8.3.3 使用radial-gradient設(shè)置徑向漸變 231
8.3.4 使用repeating-radial-gradient設(shè)置循環(huán)徑向漸變 238
8.4 邊框相關(guān)屬性 239
8.4.1 CSS 3提供的漸變邊框 241
8.4.2 CSS 3提供的圓角邊框 242
8.4.3 CSS 3提供的圖片邊框 244
8.5 使用opacity控制透明度 246
8.6 padding和margin相關(guān)屬性 247
8.6.1 內(nèi)填充相關(guān)屬性 247
8.6.2 外邊距相關(guān)屬性 248
8.7 本章小結(jié) 249
第9章 大小、定位、輪廓相關(guān)屬性 250
9.1 width、height相關(guān)屬性 251
9.1.1 CSS 3新增的box-sizing屬性 252
9.1.2 CSS 3新增的resize屬性 253
9.1.3 CSS 3新增的calc函數(shù) 254
9.2 定位相關(guān)屬性 255
9.3 輪廓相關(guān)屬性 257
9.4 用戶界面和濾鏡屬性 258
9.4.1 appearance屬性 259
9.4.2 使用filter屬性應(yīng)用濾鏡 260
9.5 本章小結(jié) 263
第10章 盒模型與布局相關(guān)屬性 264
10.1 盒模型和display屬性 265
10.1.1 兩種最基本的盒類(lèi)型 265
10.1.2 none值和visibility屬性 267
10.1.3 inline-block類(lèi)型的盒模型 267
10.1.4 inline-table類(lèi)型的盒模型 270
10.1.5 使用table類(lèi)型的盒模型實(shí)現(xiàn)表格 271
10.1.6 list-item類(lèi)型的盒模型 272
10.1.7 run-in類(lèi)型的盒模型 273
10.2 對(duì)盒添加陰影 275
10.2.1 使用box-shadow屬性 275
10.2.2 對(duì)表格及單元格添加陰影 277
10.3 布局相關(guān)屬性 278
10.3.1 通過(guò)float屬性實(shí)現(xiàn)多欄布局 279
10.3.2 使用clear屬性實(shí)現(xiàn)換行 280
10.3.3 使用overflow設(shè)置滾動(dòng)條 282
10.3.4 使用overflow-style控制滾動(dòng)方式 283
10.3.5 使用clip屬性控制裁剪 284
10.4 CSS 3新增的多欄布局 285
10.4.1 使用column-width指定欄寬度 286
10.4.2 使用column-gap和column-rule控制分欄間隔 287
10.4.3 使用column-span設(shè)置跨欄 288
10.5 使用彈性盒布局 289
10.5.1 使用flex類(lèi)型的盒模型 290
10.5.2 通過(guò)flex-direction指定盒內(nèi)元素的排列方向 291
10.5.3 使用flex-wrap控制換行 293
10.5.4 使用order控制元素顯示順序 294
10.5.5 使用flex屬性控制子元素的縮放 295
10.5.6 使用align-items和align-self控制對(duì)齊方式 301
10.5.7 使用justify-content控制元素分布 302
10.5.8 使用align-content控制行的分布方式 304
10.6 本章小結(jié) 306
第11章 表格、列表相關(guān)屬性及media query 307
11.1 表格相關(guān)屬性 308
11.1.1 使用border-collapse、border-spacing控制單元格邊框 308
11.1.2 使用caption-side控制表格標(biāo)題的位置 310
11.1.3 使用table-layout控制表格布局 311
11.2 列表相關(guān)屬性 313
11.2.1 使用list-style屬性控制列表項(xiàng) 313
11.2.2 使用list-style屬性控制普通元素 315
11.3 控制光標(biāo)的屬性 316
11.4 media query和響應(yīng)式布局 317
11.4.1 media query語(yǔ)法 318
11.4.2 針對(duì)瀏覽器寬度響應(yīng)式布局 319
11.4.3 響應(yīng)手機(jī)瀏覽器 321
11.5 本章小結(jié) 323
第12章 變形與動(dòng)畫(huà)相關(guān)屬性 324
12.1 CSS 3提供的變形支持 325
12.1.1 4種基本變形 326
12.1.2 同時(shí)應(yīng)用多種變形 330
12.1.3 指定變換中心點(diǎn) 331
12.1.4 使用矩陣變換 333
12.2 CSS 3新增的3D變換 337
12.2.1 perspective屬性 337
12.2.2 transform-style屬性 339
12.2.3 backface-visibility屬性 340
12.3 CSS 3提供的Transition動(dòng)畫(huà) 341
12.3.1 多個(gè)屬性同時(shí)漸變 342
12.3.2 指定動(dòng)畫(huà)速度 344
12.4 CSS 3提供的Animation動(dòng)畫(huà) 345
12.4.1 同時(shí)改變多個(gè)屬性的動(dòng)畫(huà) 347
12.4.2 魚(yú)眼效果 348
12.5 本章小結(jié) 349
第13章 JavaScript語(yǔ)法詳解 350
13.1 JavaScript簡(jiǎn)介 351
13.1.1 運(yùn)行JavaScript 352
13.1.2 導(dǎo)入JavaScript文件 352
13.1.3 使用script元素的defer推遲腳本執(zhí)行 353
13.1.4 使用script元素的async異步執(zhí)行腳本 354
13.1.5 noscript元素 355
13.2 數(shù)據(jù)類(lèi)型和變量 356
13.2.1 定義變量的方式 356
13.2.2 類(lèi)型轉(zhuǎn)換 357
13.2.3 變量作用域 358
13.2.4 變量提升 361
13.2.5 新增的let變量 362
13.2.6 使用const定義常量 363
13.3 基本數(shù)據(jù)類(lèi)型 364
13.3.1 數(shù)值類(lèi)型 364
13.3.2 字符串類(lèi)型 369
13.3.3 布爾類(lèi)型 372
13.3.4 undefined和null 373
13.3.5 正則表達(dá)式 374
13.4 復(fù)合類(lèi)型 376
13.4.1 對(duì)象 376
13.4.2 數(shù)組 376
13.4.3 函數(shù) 379
13.5 運(yùn)算符 381
13.5.1 賦值運(yùn)算符 381
13.5.2 算術(shù)運(yùn)算符 382
13.5.3 位運(yùn)算符 383
13.5.4 加強(qiáng)的賦值運(yùn)算符 385
13.5.5 比較運(yùn)算符 385
13.5.6 邏輯運(yùn)算符 386
13.5.7 三目運(yùn)算符 388
13.5.8 逗號(hào)運(yùn)算符 389
13.5.9 void運(yùn)算符 389
13.5.10 typeof和instanceof運(yùn)算符 390
13.6 語(yǔ)句 391
13.6.1 語(yǔ)句塊 391
13.6.2 空語(yǔ)句 391
13.6.3 異常拋出語(yǔ)句 392
13.6.4 異常捕捉語(yǔ)句 393
13.6.5 with語(yǔ)句 394
13.7 流程控制 395
13.7.1 分支 395
13.7.2 while循環(huán) 397
13.7.3 do while循環(huán) 398
13.7.4 for循環(huán) 398
13.7.5 for in循環(huán) 399
13.7.6 break和continue 400
13.8 函數(shù) 403
13.8.1 定義函數(shù)的3種方式 403
13.8.2 遞歸函數(shù) 406
13.8.3 局部變量和局部函數(shù) 407
13.8.4 函數(shù)、方法、對(duì)象、變量和類(lèi) 409
13.8.5 函數(shù)的實(shí)例屬性和類(lèi)屬性 413
13.8.6 調(diào)用函數(shù)的3種方式 415
13.8.7 函數(shù)的獨(dú)立性 416
13.8.8 函數(shù)提升 418
13.8.9 箭頭函數(shù) 421
13.9 函數(shù)的參數(shù)處理 425
13.9.1 基本類(lèi)型和復(fù)合類(lèi)型的參數(shù)傳遞 425
13.9.2 空參數(shù) 426
13.9.3 參數(shù)類(lèi)型 427
13.10 面向?qū)ο?429
13.10.1 面向?qū)ο蟮母拍?429
13.10.2 對(duì)象和關(guān)聯(lián)數(shù)組 430
13.10.3 繼承和prototype 431
13.10.4 構(gòu)造器實(shí)現(xiàn)偽繼承 436
13.10.5 使用apply或call實(shí)現(xiàn)偽繼承 437
13.11 創(chuàng)建對(duì)象 437
13.11.1 使用new關(guān)鍵字調(diào)用構(gòu)造器創(chuàng)建對(duì)象 438
13.11.2 使用Object直接創(chuàng)建對(duì)象 438
13.11.3 使用JSON語(yǔ)法創(chuàng)建對(duì)象 440
13.12 本章小結(jié) 443
第14章 DOM編程詳解 444
14.1 DOM模型概述 445
14.2 DOM模型和HTML文檔 446
14.2.1 HTML元素之間的繼承關(guān)系 446
14.2.2 HTML元素之間常見(jiàn)的包含關(guān)系 447
14.3 訪問(wèn)HTML元素 448
14.3.1 根據(jù)ID訪問(wèn)HTML元素 448
14.3.2 根據(jù)CSS選擇器訪問(wèn)HTML元素 449
14.3.3 利用節(jié)點(diǎn)關(guān)系訪問(wèn)HTML元素 451
14.3.4 訪問(wèn)表單控件 453
14.3.5 訪問(wèn)列表框、下拉菜單的選項(xiàng) 454
14.3.6 訪問(wèn)表格子元素 455
14.4 修改HTML元素 456
14.5 增加HTML元素 458
14.5.1 創(chuàng)建或復(fù)制節(jié)點(diǎn) 458
14.5.2 添加節(jié)點(diǎn) 460
14.5.3 為列表框、下拉菜單添加選項(xiàng) 460
14.5.4 動(dòng)態(tài)添加表格內(nèi)容 462
14.6 刪除HTML元素 463
14.6.1 刪除節(jié)點(diǎn) 463
14.6.2 刪除列表框、下拉菜單的選項(xiàng) 464
14.6.3 刪除表格的行或單元格 465
14.7 傳統(tǒng)的DHTML模型 467
14.8 使用window對(duì)象 469
14.8.1 訪問(wèn)頁(yè)面URL 471
14.8.2 客戶機(jī)屏幕信息 472
14.8.3 彈出新窗口 473
14.8.4 確認(rèn)對(duì)話框和輸入對(duì)話框 473
14.8.5 使用定時(shí)器 474
14.8.6 桌面通知 476
14.9 navigator和地理定位 479
14.9.1 HTML 5新增的geolocation屬性 480
14.9.2 獲取地理位置 481
14.9.3 在高德地圖上定位 483
14.9.4 獲取電池信息 484
14.10 HTML 5增強(qiáng)的History API 485
14.11 使用document對(duì)象 490
14.11.1 動(dòng)態(tài)頁(yè)面 491
14.11.2 讀寫(xiě)Cookie 492
14.12 HTML 5新增的瀏覽器分析 493
14.12.1 分析時(shí)間性能 493
14.12.2 分析導(dǎo)航行為 495
14.13 本章小結(jié) 496
第15章 事件處理機(jī)制 497
15.1 事件模型的基本概念 498
15.2 綁定事件處理函數(shù) 499
15.2.1 綁定HTML元素屬性 499
15.2.2 綁定JavaScript對(duì)象屬性 501
15.2.3 addEventListener與attachEvent 502
15.3 事件處理函數(shù)的執(zhí)行環(huán)境 505
15.3.1 事件處理函數(shù)中this關(guān)鍵字 505
15.3.2 訪問(wèn)事件對(duì)象 507
15.3.3 使用返回值取消默認(rèn)行為 510
15.3.4 調(diào)用順序 510
15.3.5 在代碼中觸發(fā)事件 511
15.3.6 事件傳播 512
15.3.7 取消事件的默認(rèn)行為 517
15.3.8 轉(zhuǎn)發(fā)事件 519
15.4 事件類(lèi)型 521
15.4.1 事件類(lèi)型概述 521
15.4.2 文檔事件 523
15.4.3 鼠標(biāo)滾輪事件 525
15.4.4 鍵盤(pán)事件 528
15.4.5 觸屏事件和移動(dòng)設(shè)備事件 529
15.5 本章小結(jié) 534
第16章 本地存儲(chǔ)與離線應(yīng)用 535
16.1 Web Storage 536
16.1.1 Storage接口 536
16.1.2 使用Storage存儲(chǔ)、讀取數(shù)據(jù) 538
16.1.3 基于Web Storage的記事本 539
16.1.4 存儲(chǔ)結(jié)構(gòu)化數(shù)據(jù) 541
16.1.5 監(jiān)聽(tīng)存儲(chǔ)事件 543
16.2 Indexed數(shù)據(jù)庫(kù)API 545
16.2.1 使用IDBFactory打開(kāi)數(shù)據(jù)庫(kù) 545
16.2.2 使用IDBDatabase創(chuàng)建對(duì)象存儲(chǔ)和索引 547
16.2.3 使用IDBTransaction(事務(wù)) 550
16.2.4 使用IDBObjectStore執(zhí)行CRUD操作 551
16.2.5 使用IDBObjectStore根據(jù)主鍵檢索數(shù)據(jù) 557
16.2.6 使用IDBIndex根據(jù)索引檢索數(shù)據(jù) 559
16.2.7 使用復(fù)合索引 562
16.3 離線應(yīng)用 564
16.3.1 離線應(yīng)用與瀏覽器緩存的區(qū)別 564
16.3.2 構(gòu)建離線應(yīng)用 564
16.3.3 判斷在線狀態(tài) 566
16.3.4 applicationCache對(duì)象 567
16.3.5 離線應(yīng)用的事件與監(jiān)聽(tīng) 569
16.4 本章小結(jié) 571
第17章 文件支持與二進(jìn)制數(shù)據(jù) 572
17.1 HTML 5增強(qiáng)的文件上傳域 573
17.1.1 FileList對(duì)象與File對(duì)象 573
17.1.2 使用FileReader讀取文件內(nèi)容 574
17.2 ArrayBuffer與TypedArray 578
17.2.1 TypedArray類(lèi) 579
17.2.2 DataView類(lèi) 581
17.3 Blob類(lèi) 583
17.3.1 使用Blob對(duì)象 583
17.3.2 存儲(chǔ)Blob對(duì)象 585
17.4 本章小結(jié) 587
第18章 Web Worker多線程API 588
18.1 使用Worker創(chuàng)建多線程 589
18.2 與Worker線程進(jìn)行數(shù)據(jù)交換 591
18.2.1 與Worker線程交換數(shù)據(jù) 591
18.2.2 Worker線程中可用的API 593
18.3 Worker線程嵌套 594
18.3.1 嵌套Worker線程 594
18.3.2 子線程之間的數(shù)據(jù)交換 596
18.4 使用SharedWorker創(chuàng)建共享線程 597
18.4.1 SharedWorker的用法 598
18.4.2 共享線程實(shí)例 601
18.5 Promise 603
18.5.1 Promise基本用法 603
18.5.2 鏈?zhǔn)秸{(diào)用then方法 605
18.5.3 Promise鏈 606
18.5.4 catch的用法 607
18.5.5 all和race的用法 609
18.6 本章小結(jié) 611
第19章 客戶端通信 612
19.1 跨文檔消息傳遞 613
19.1.1 postMessage與onmessage 613
19.1.2 跨文檔消息傳遞示例 614
19.1.3 發(fā)送復(fù)雜消息 616
19.1.4 使用MessageChannel通信 618
19.2 使用WebSocket與服務(wù)器通信 621
19.2.1 WebSocket接口 622
19.2.2 使用WebSocket進(jìn)行通信 623
19.2.3 基于WebSocket的多人實(shí)時(shí)聊天 625
19.2.4 發(fā)送二進(jìn)制數(shù)據(jù) 627
19.3 使用Server-Sent Events API 630
19.3.1 使用EventSource獲取數(shù)據(jù) 630
19.3.2 EventSource的生命周期 633
19.4 使用Beacon 635
19.5 本章小結(jié) 636
第20章 HTML 5的瘋狂俄羅斯方塊 637
20.1 俄羅斯方塊簡(jiǎn)介 638
20.2 開(kāi)發(fā)游戲界面 639
20.2.1 開(kāi)發(fā)界面布局 639
20.2.2 開(kāi)發(fā)游戲界面組件 640
20.3 俄羅斯方塊的數(shù)據(jù)模型 640
20.3.1 定義數(shù)據(jù)模型 641
20.3.2 初始化游戲狀態(tài)數(shù)據(jù) 641
20.4 實(shí)現(xiàn)游戲邏輯 644
20.4.1 處理方塊掉落 644
20.4.2 處理方塊左移 648
20.4.3 處理方塊右移 650
20.4.4 處理方塊旋轉(zhuǎn) 651
20.4.5 初始化游戲狀態(tài) 653
20.5 本章小結(jié) 654
你還可能感興趣
我要評(píng)論
|