高性能HTML5圖書目錄

時(shí)間：2023-02-15 02:12:02 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-15 02:12:02 來(lái)源：營(yíng)銷百科

高性能HTML5圖書目錄：第1部分引言

第1章概述2

網(wǎng)站范例2

這本書將帶給讀者什么3

什么是高性能4

頁(yè)面加載時(shí)間4

瀏覽器性能4

網(wǎng)絡(luò)性能4

開發(fā)效率4

響應(yīng)式設(shè)計(jì)5

柵格系統(tǒng)5

更深入地理解CSS5

第2部分性能基礎(chǔ)

第2章開發(fā)原則8

編寫符合當(dāng)代瀏覽器性能的代碼8

減少HTML中元素的數(shù)量9

減少重繪9

用CSS來(lái)布局，處理邊界11

漸進(jìn)式增強(qiáng)14

使用特征檢測(cè)來(lái)顯示漸進(jìn)式增強(qiáng)15

各司其職16

HTML17

CSS17

JavaScript18

小結(jié)20

第3章性能準(zhǔn)則21

為什么頁(yè)面加載時(shí)間是如此重要21

準(zhǔn)則22

減少HTTP請(qǐng)求22

使用CDN加速（內(nèi)容分發(fā)系統(tǒng)）27

避免空的src和href屬性值28

增加過(guò)期頭29

啟用GZIP壓縮29

把CSS放在頭部30

把JavaScript放到尾部31

避免使用CSS表達(dá)式31

移除不使用的CSS語(yǔ)句32

對(duì)JavaScript和CSS進(jìn)行代碼壓縮32

減少重繪34

規(guī)定圖片的寬和高34

不要用表格布局34

定義字符集35

不要重組DOM35

延伸閱讀35

小結(jié)35

第4章響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)37

響應(yīng)式設(shè)計(jì)37

CSS3媒體查詢38

自適應(yīng)圖片45

彈性柵格47

小結(jié)49

第5章理解頁(yè)面重用機(jī)制51

一些關(guān)于頁(yè)面重用的理念62

就像搭積木一樣62

都在容器里62

小結(jié)63

第3部分創(chuàng)建一個(gè)網(wǎng)站

第6章頁(yè)面模板68

配置模板選項(xiàng)69

HTML元素周圍的條件注釋70

設(shè)置字符集73

使用IE的兼容模式73

提示用戶安裝GoogleChromeFrame75

為iPhone使用Viewport75

加載jQuery75

添加Google統(tǒng)計(jì)代碼76

更多可選項(xiàng)76

設(shè)置柵格77

小結(jié)80

第7章導(dǎo)航82

菜單結(jié)構(gòu)83

給菜單添加樣式88

BoxSizing（盒子尺寸）91

標(biāo)準(zhǔn)CSS3糖果92

漸變92

:before和:after96

使用base64編碼97

下拉效果104

搜索框107

小結(jié)109

第8章頁(yè)頭110

構(gòu)建一個(gè)更好的國(guó)家選擇器110

視覺(jué)111

CSS裁剪113

圖標(biāo)鏈接114

小結(jié)116

第9章頁(yè)腳117

設(shè)計(jì)頁(yè)腳118

設(shè)置頁(yè)腳的樣式123

SVG128

不僅是簡(jiǎn)單的形狀133

小結(jié)134

第10章分形設(shè)計(jì)模式135

定義一個(gè)控件136

代碼一致137

升級(jí)簡(jiǎn)單137

更加可讀137

目的明確137

開始分形：案例分析138

更快地開發(fā)頁(yè)面139

更快地修復(fù)Bug139

增強(qiáng)一致性140

CSS和JavaScript的分離141

CSS和JavaScript的合并143

小結(jié)145

第11章link控件146

控件功能146

給鏈接添加樣式150

當(dāng)CSS失效時(shí)使用JavaScript157

小結(jié)158

第12章sidebox（側(cè)邊欄）控件160

內(nèi)容160

樣式161

函數(shù)165

小結(jié)169

第13章button控件170

按鈕類型171

Primary按鈕171

帶圖標(biāo)的Primary按鈕171

玻璃材質(zhì)的Primary按鈕171

帶陰影效果的Primary按鈕171

鑲邊的Primary按鈕172

GO按鈕172

為GO按鈕鑲邊172

編寫button控件172

CSS175

小結(jié)185

第14章price控件186

price控件介紹186

HTML代碼186

CSS代碼187

控件代碼191

shipping控件192

HTML代碼193

CSS代碼193

控件代碼195

使用控件196

小結(jié)196

第15章product控件197

插入控件199

控件產(chǎn)生的HTML199

CSS202

product控件的數(shù)據(jù)205

控件206

小結(jié)208

第16章table控件210

HTML結(jié)構(gòu)212

數(shù)據(jù)對(duì)象215

table控件215

樣式216

通用效果樣式217

寬屏效果樣式218

窄屏效果樣式223

增加媒體查詢225

小結(jié)228

第17章tab控件229

HTML231

數(shù)據(jù)233

控件234

創(chuàng)建tab控件235

JavaScript236

tab控件的樣式239

所有效果的通用樣式239

水平效果的樣式243

垂直效果的樣式248

小結(jié)253

第18章form控件254

HTML結(jié)構(gòu)256

fieldset控件258

input控件260

數(shù)據(jù)對(duì)象265

創(chuàng)建一個(gè)表單269

CSS269

建立一個(gè)快捷方式281

小結(jié)282