移動Web前端開發(fā)基礎(chǔ)

目 錄

Contents





第1章初識移動Web前端1


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

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

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

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

114移動Web前端的定義3

12移動Web前端現(xiàn)狀與未來4

121移動Web前端開發(fā)的價值4

122移動Web前端開發(fā)需要掌握的知識體系5

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

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

131移動Web前端工程師缺乏的原因7

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

小結(jié)8

習(xí)題8

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

21Sublime Text編輯器9

22Emmet插件的使用15

221使用方法15

222語法15

23使用Nodejs18

24NPM包管理器21

小結(jié)22

習(xí)題22

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

31HTML簡介23

311HTML的定義23

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

32HTML 5的定義24

33HTML 5文檔24

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

341HTML元素語法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

移動Web前端開發(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語義的定義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簡介50
411為文檔添加樣式的三種方法50
412CSS命名規(guī)則51
42CSS選擇符51
421基本選擇符52
422層次選擇符52
423偽類選擇符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尺寸與補白（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過渡（Transition）112
58動畫（Animation）115
59打印（Print）120
510媒體查詢（Media Queries）121
小結(jié)126
習(xí)題126
第6章Web前端的行為層：JavaScript語言128
61詞法結(jié)構(gòu)128
611字符集128
612注釋129
613直接量129
614標(biāo)識符129
615保留字129
616可選的分號130
62數(shù)據(jù)類型和值131
621數(shù)字132
622字符串133
623布爾值133
624null和undefined134
625全局對象134
626包裝對象134
627類型轉(zhuǎn)換135
628變量135
629變量作用域136
63表達式和運算符136
631表達式137
632表達式運算141
633其他操作符141
64語句142
641聲明語句143
642條件語句143
643循環(huán)144
644跳轉(zhuǎn)145
645其他類型語句145
646JavaScript語句小結(jié)146
65對象147
651創(chuàng)建對象148
652屬性的查詢和設(shè)置148
653刪除屬性149
654檢測屬性149
655枚舉屬性149
656屬性getter和setter150
657屬性的特性150
658對象的三個屬性150
659序列化對象151
6510對象方法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ù)組類型156
67函數(shù)156
671函數(shù)定義157
672函數(shù)調(diào)用157
673函數(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客戶端JavaScript165
711在HTML中嵌入JavaScript165
712JavaScript程序的執(zhí)行166
713兼容性和互用性167
72Window對象168
721計時器168
722瀏覽器定位和導(dǎo)航168
723瀏覽歷史169
724瀏覽器和屏幕信息169
725對話框170
726錯誤處理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é)點175
737文檔和元素的幾何形狀和滾動176
738HTML表單177
74腳本化CSS179
741腳本化內(nèi)聯(lián)樣式179
742查詢計算出的樣式180
743腳本化CSS類180
744腳本化樣式表180
75事件處理181
751事件類型182
752注冊事件處理程序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鍵盤事件188
76腳本化HTTP189
761使用XMLHttpRequest189
762編碼請求主體191
763HTTP進度事件192
764中止請求和超時192
765跨域HTTP請求192
766借助35310236
3103、和36311表單3731113831123831133114