移動(dòng)Web前端開(kāi)發(fā)基礎(chǔ)

目 錄

Contents





第1章初識(shí)移動(dòng)Web前端1


11移動(dòng)Web前端的發(fā)展歷程1

111Web前端開(kāi)發(fā)的歷史1

112Web前端的定義2

113Web前端的工作范疇2

114移動(dòng)Web前端的定義3

12移動(dòng)Web前端現(xiàn)狀與未來(lái)4

121移動(dòng)Web前端開(kāi)發(fā)的價(jià)值4

122移動(dòng)Web前端開(kāi)發(fā)需要掌握的知識(shí)體系5

123成為卓越的移動(dòng)Web前端工程師的途徑6

13相關(guān)問(wèn)題的釋疑7

131移動(dòng)Web前端工程師缺乏的原因7

132提高移動(dòng)Web前端開(kāi)發(fā)能力的方法8

小結(jié)8

習(xí)題8

第2章移動(dòng)Web開(kāi)發(fā)環(huán)境的搭建9

21Sublime Text編輯器9

22Emmet插件的使用15

221使用方法15

222語(yǔ)法15

23使用Nodejs18

24NPM包管理器21

小結(jié)22

習(xí)題22

第3章Web前端的結(jié)構(gòu)層：HTML 523

31HTML簡(jiǎn)介23

311HTML的定義23

312HTML標(biāo)簽23

32HTML 5的定義24

33HTML 5文檔24

34HTML術(shù)語(yǔ)和概念25

341HTML元素語(yǔ)法25

342HTML屬性26

343HTML的全局屬性26

35HTML的基礎(chǔ)標(biāo)簽27

36HTML中關(guān)于文字格式的標(biāo)簽28

37有關(guān)列表的標(biāo)簽31

38有關(guān)圖像的標(biāo)簽31

381 32

38233

38333

39有關(guān)鏈接的標(biāo)簽33

移動(dòng)Web前端開(kāi)發(fā)基礎(chǔ)
目錄
391 34
39234
310表格34
3101




40
41
31154231164231174331174331184431194431110453111145
3111245
312樣式/節(jié)46
3121語(yǔ)義的定義46
3122HTML 5大綱算法47
313元信息47
313147
313247
313348
小結(jié)48
習(xí)題49
第4章Web前端的表現(xiàn)層：CSS50
41CSS簡(jiǎn)介50
411為文檔添加樣式的三種方法50
412CSS命名規(guī)則51
42CSS選擇符51
421基本選擇符52
422層次選擇符52
423偽類(lèi)選擇符53
424偽元素選擇符54
425屬性選擇符55
43取值和單位55
44CSS的字體屬性（Font）57
45文本屬性（Text）60
46文本修飾（TextDecoration）66
47顏色和背景（Color and Background）69
48輪廓和邊框（Outline and Border）73
49列表（List）80
410表格（Table）82
411內(nèi)容（Content）84
412尺寸與補(bǔ)白（Dimension）85
小結(jié)89
習(xí)題89
第5章Web前端的表現(xiàn)層：CSS布局90
51定位（Positioning）90
52布局（Layout）93
53伸縮盒（Flexible Box Layout）97
54多列布局（Multicolumn）102
55漸變（Gradient）106
56變換（Transform）108
57過(guò)渡（Transition）112
58動(dòng)畫(huà)（Animation）115
59打?。≒rint）120
510媒體查詢(xún)（Media Queries）121
小結(jié)126
習(xí)題126
第6章Web前端的行為層：JavaScript語(yǔ)言128
61詞法結(jié)構(gòu)128
611字符集128
612注釋129
613直接量129
614標(biāo)識(shí)符129
615保留字129
616可選的分號(hào)130
62數(shù)據(jù)類(lèi)型和值131
621數(shù)字132
622字符串133
623布爾值133
624null和undefined134
625全局對(duì)象134
626包裝對(duì)象134
627類(lèi)型轉(zhuǎn)換135
628變量135
629變量作用域136
63表達(dá)式和運(yùn)算符136
631表達(dá)式137
632表達(dá)式運(yùn)算141
633其他操作符141
64語(yǔ)句142
641聲明語(yǔ)句143
642條件語(yǔ)句143
643循環(huán)144
644跳轉(zhuǎn)145
645其他類(lèi)型語(yǔ)句145
646JavaScript語(yǔ)句小結(jié)146
65對(duì)象147
651創(chuàng)建對(duì)象148
652屬性的查詢(xún)和設(shè)置148
653刪除屬性149
654檢測(cè)屬性149
655枚舉屬性149
656屬性getter和setter150
657屬性的特性150
658對(duì)象的三個(gè)屬性150
659序列化對(duì)象151
6510對(duì)象方法151
66數(shù)組152
661創(chuàng)建數(shù)組152
662數(shù)組遍歷152
663多維數(shù)組153
664數(shù)組方法153
665ECMAScript 5中的數(shù)組方法155
666數(shù)組類(lèi)型156
67函數(shù)156
671函數(shù)定義157
672函數(shù)調(diào)用157
673函數(shù)的實(shí)參和形參158
674作為命名空間的函數(shù)158
675閉包159
676函數(shù)屬性、方法和構(gòu)造函數(shù)159
677function（）構(gòu)造函數(shù)160
小結(jié)160
習(xí)題161
第7章Web前端的行為層：Web瀏覽器中的JavaScript165
71客戶(hù)端JavaScript165
711在HTML中嵌入JavaScript165
712JavaScript程序的執(zhí)行166
713兼容性和互用性167
72Window對(duì)象168
721計(jì)時(shí)器168
722瀏覽器定位和導(dǎo)航168
723瀏覽歷史169
724瀏覽器和屏幕信息169
725對(duì)話框170
726錯(cuò)誤處理170
727多窗口和窗體170
73腳本化文檔171
731DOM概覽171
732選取文檔元素172
733文檔結(jié)構(gòu)和遍歷173
734屬性174
735元素的內(nèi)容174
736創(chuàng)建、插入和刪除節(jié)點(diǎn)175
737文檔和元素的幾何形狀和滾動(dòng)176
738HTML表單177
74腳本化CSS179
741腳本化內(nèi)聯(lián)樣式179
742查詢(xún)計(jì)算出的樣式180
743腳本化CSS類(lèi)180
744腳本化樣式表180
75事件處理181
751事件類(lèi)型182
752注冊(cè)事件處理程序184
753事件處理程序的調(diào)用186
754鼠標(biāo)事件187
755鼠標(biāo)滾輪事件187
756拖放事件188
757文本事件188
758鍵盤(pán)事件188
76腳本化HTTP189
761使用XMLHttpRequest189
762編碼請(qǐng)求主體191
763HTTP進(jìn)度事件192
764中止請(qǐng)求和超時(shí)192
765跨域HTTP請(qǐng)求192
766借助35310236
3103、和36311表單3731113831123831133114