前端程序員面試筆試寶典

序
前言
面試筆試經(jīng)驗技巧篇
經(jīng)驗技巧1 如何巧妙地回答面試官的問題？2
經(jīng)驗技巧2 如何回答技術(shù)性的問題？2
經(jīng)驗技巧3 如何回答非技術(shù)性問題？4
經(jīng)驗技巧4 如何回答快速估算類問題？5
經(jīng)驗技巧5 如何回答算法設(shè)計問題？5
經(jīng)驗技巧6 如何回答系統(tǒng)設(shè)計題？7
經(jīng)驗技巧7 如何解決求職中的時間沖突問題？9
經(jīng)驗技巧8 如果面試問題曾經(jīng)遇到過，是否要告訴面試官？10
經(jīng)驗技巧9 被企業(yè)拒絕后是否可以再申請？10
經(jīng)驗技巧10 如何應(yīng)對自己不會回答的問題？11
經(jīng)驗技巧11 如何應(yīng)對面試官的“激將法”語言？11
經(jīng)驗技巧12 如何處理與面試官持不同觀點這個問題？12
經(jīng)驗技巧13 職場暗語有哪些？12
經(jīng)驗技巧14 當(dāng)前市場對前端工程師的需求如何？待遇如何？15
經(jīng)驗技巧15 前端工程師未來的發(fā)展方向如何？15
經(jīng)驗技巧16 前端工程師有哪些可供選擇的職業(yè)發(fā)展道路？16
經(jīng)驗技巧17 企業(yè)在招聘時，對前端工程師通常有何要求？前端工程師的日常工作是什么？16
經(jīng)驗技巧18 要想成為一名出色的前端工程師，需要掌握哪些必備的知識？有哪些好的書籍
或網(wǎng)站可供推薦學(xué)習(xí)？17
面試筆試技術(shù)攻克篇
第1章 HTML基礎(chǔ)20
1.1 HTML20
1.2 HTML521
1.2.1 HTML5新特性21
1.2.2 Web App、Hybrid App和Native App21
1.3 DOCTYPE23
1.3.1 語法23
1.3.2 常用聲明23
1.3.3 瀏覽器渲染模式24
1.4 XHTML25
1.4.1 XHTML規(guī)范25
1.4.2 HTML與XHTML的區(qū)別25
1.5 語義化26
1.5.1 語義化的元素26
1.5.2 微格式27
1.6 HTML實體28
1.6.1 HTML實體的定義28
1.6.2 可轉(zhuǎn)義的字符或符號29
第2章 HTML元素和高級功能30
2.1 元素基礎(chǔ)30
2.1.1 元素的分類30
2.1.2 元素屬性31
2.2 應(yīng)用CSS樣式32
2.2.1 內(nèi)聯(lián)樣式32
2.2.2 內(nèi)嵌樣式32
2.2.3 外部樣式33
2.3 嵌入JavaScript33
2.3.1 內(nèi)聯(lián)腳本33
2.3.2 外部腳本34
2.3.3 元素屬性35
2.4 meta元素36
2.4.1 charset36
2.4.2 name36
2.4.3 http-equiv37
2.5 超鏈接38
2.5.1 href38
2.5.2 target38
2.5.3 其他屬性39
2.6 圖像39
2.6.1 屬性40
2.6.2 分區(qū)響應(yīng)圖40
2.6.3 插圖元素41
2.7 收集用戶數(shù)據(jù)42
2.7.1 文本42
2.7.2 日期與數(shù)值43
2.7.3 按鈕和其他44
2.7.4 給表單控件分組45
2.8 表格46
2.8.1 表格的組成46
2.8.2 屬性47
2.9 iframe48
2.9.1 iframe屬性48
2.9.2 iframe用途49
2.10 多媒體50
2.10.1 使用多媒體元素的優(yōu)勢50
2.10.2 video51
2.10.3 audio52
2.11 繪圖53
2.11.1 位圖圖像與矢量圖形53
2.11.2 canvas53
2.11.3 SVG54
2.12 數(shù)據(jù)存儲55
2.12.1 Cookie55
2.12.2 Web存儲56
2.12.3 userData56
第3章 CSS基礎(chǔ)57
3.1 CSS357
3.1.1 CSS3新特性57
3.1.2 漸進增強58
3.2 盒模型59
3.2.1 盒模型60
3.2.2 box-sizing60
3.2.3 盒子的顯示類型61
3.3 元素盒類型62
3.3.1 list-item62
3.3.2 表格相關(guān)的屬性值63
3.3.3 run-in63
3.3.4 inline-block63
3.3.5 伸縮盒64
3.4 BFC65
3.4.1 創(chuàng)建BFC65
3.4.2 BFC的用途66
3.5 使用CSS選擇器68
3.5.1 基本選擇器68
3.5.2 關(guān)系選擇器69
3.5.3 偽選擇器69
3.5.4 選擇器分組70
3.6 內(nèi)容生成71
3.6.1 計數(shù)器71
3.6.2 引用屬性值和圖像72
3.6.3 添加文本73
3.7 層疊73
3.8 單位76
3.8.1 絕對長度單位76
3.8.2 相對長度單位76
3.8.3 其他單位78
3.9 百分?jǐn)?shù)78
3.9.1 定位79
3.9.2 寬和高79
3.9.3 外邊距和內(nèi)邊距80
3.9.4 邊框圓角和位移80
3.9.5 字體大小81
3.10 顏色82
3.10.1 顏色名稱82
3.10.2 RGB顏色82
3.10.3 HSL顏色83
3.10.4 Web安全色83
第4章 CSS屬性84
4.1 浮動84
4.1.1 浮動范圍84
4.1.2 創(chuàng)建BFC85
4.1.3 負外邊距85
4.1.4 清除浮動86
4.2 定位88
4.2.1 相對定位88
4.2.2 絕對定位89
4.2.3 固定定位89
4.2.4 偏移屬性90
4.2.5 z-index91
4.3 邊框92
4.3.1 外觀92
4.3.2 寬度92
4.3.3 顏色93
4.3.4 圓角93
4.3.5 陰影95
4.3.6 outline95
4.4 文本屬性96
4.4.1 overflow96
4.4.2 text-decoration97
4.4.3 white-space97
4.4.4 文本換行98
4.5 字體99
4.5.1 字體系列100
4.5.2 Web字體100
4.6 垂直對齊102
4.6.1 行內(nèi)非替換元素102
4.6.2 行內(nèi)替換元素103
4.6.3 垂直對齊104
4.7 背景105
4.7.1 起始點和裁剪背景區(qū)105
4.7.2 背景圖像尺寸107
4.7.3 背景圖像附著108
4.7.4 背景圖像定位109
4.7.5 background110
4.8 變形、過渡和動畫111
4.8.1 變形111
4.8.2 過渡112
4.8.3 動畫114
4.9 媒體查詢117
4.9.1 使用方法117
4.9.2 媒體類型117
4.9.3 媒體特性118
4.9.4 操作符119
4.9.5 支持度119
第5章 CSS應(yīng)用121
5.1 CSS Hack121
5.1.1 瀏覽器前綴121
5.1.2 條件注釋121
5.1.3 CSS屬性級前綴122
5.2 布局123
5.2.1 浮動布局123
5.2.2 定位布局124
5.2.3 流式布局124
5.2.4 彈性布局125
5.2.5 多列布局125
5.2.6 等高布局127
5.3 CSS Reset129
5.3.1 全局重置129
5.3.2 Reset.css129
5.3.3 Normalize.css130
5.4 伸縮盒布局131
5.4.1 主軸和側(cè)軸132
5.4.2 對齊方式133
5.4.3 伸縮性135
5.4.4 顯示順序137
5.4.5 新舊版本屬性對照137
5.5 居中138
5.5.1 水平居中139
5.5.2 垂直居中140
5.6 CSS預(yù)處理器142
5.6.1 變量與運算142
5.6.2 選擇器嵌套143
5.6.3 控制語句143
5.6.4 混合和函數(shù)144
5.6.5 繼承144
5.7 Bootstrap145
5.7.1 柵格系統(tǒng)146
5.7.2 排版148
5.7.3 顏色148
5.7.4 表格149
5.7.5 表單150
5.7.6 組件151
第6章 計算機網(wǎng)絡(luò)153
6.1 TCP/IP153
6.1.1 協(xié)議153
6.1.2 TCP/IP154
6.2 HTTP155
6.2.1 URI和URL156
6.2.2 HTTP協(xié)議156
6.2.3 HTTP報文157
6.2.4 HTTP首部158
6.2.5 緩存160
6.3 RESTful架構(gòu)風(fēng)格162
6.3.1 REST162
6.3.2 約束條件162
6.4 TCP163
6.4.1 連接管理163
6.4.2 確認(rèn)應(yīng)答164
6.4.3 窗口控制166
6.4.4 重傳控制166
6.5 HTTPS167
6.5.1 加密168
6.5.2 數(shù)字簽名169
6.5.3 數(shù)字證書169
6.5.4 安全通信機制170
6.6 HTTP/2.0171
6.6.1 二進制分幀層171
6.6.2 多路通信172
6.6.3 請求優(yōu)先級173
6.6.4 服務(wù)器推送173
6.6.5 首部壓縮173
第7章 JavaScript語言175
7.1 JavaScript概述175
7.1.1 ECMAScript175
7.1.2 DOM176
7.1.3 BOM176
7.2 基本語法177
7.2.1 字符集177
7.2.2 標(biāo)識符、關(guān)鍵字和保留字177
7.2.3 數(shù)據(jù)類型178
7.2.4 運算符179
7.2.5 表達式181
7.2.6 語句181
7.3 數(shù)字和字符串183
7.3.1 數(shù)字183
7.3.2 字符串185
7.4 強制類型轉(zhuǎn)換188
7.4.1 轉(zhuǎn)換為數(shù)字188
7.4.2 轉(zhuǎn)換為字符串190
7.4.3 轉(zhuǎn)換為布爾值191
7.4.4 相等運算符191
7.5 全局對象192
7.5.1 全局對象193
7.5.2 包裝對象193
7.5.3 處理URI的全局函數(shù)194
7.6 對象（Object）195
7.6.1 創(chuàng)建195
7.6.2 原型和原型鏈195
7.6.3 屬性196
7.6.4 可擴展性200
7.7 JSON202
7.7.1 語法203
7.7.2 序列化204
7.7.3 解析205
7.8 日期和時間（Date）206
7.8.1 UTC和GMT206
7.8.2 構(gòu)造函數(shù)206
7.8.3 靜態(tài)方法207
7.8.4 日期格式化方法208
7.8.5 其他日期方法208
7.9 正則表達式（RegExp）209
7.9.1 創(chuàng)建209
7.9.2 語法210
7.9.3 String中的方法212
7.9.4 RegExp中的方法214
7.10 數(shù)組（Array）215
7.10.1 創(chuàng)建215
7.10.2 數(shù)組操作215
7.10.3 數(shù)組方法216
7.10.4 類數(shù)組對象和字符串220
7.11 函數(shù)（Function）221
7.11.1 作用域222
7.11.2 函數(shù)基本概念223
7.11.3 閉包227
7.11.4 函數(shù)式編程228
7.12 this230
7.13 即時函數(shù)232
7.13.1 塊級作用域233
7.13.2 循環(huán)233
7.13.3 可讀性和undefined233
7.13.4 類庫封裝234
7.14 檢測類型和對象234
7.14.1 檢測數(shù)據(jù)的類型235
7.14.2 對象之間的關(guān)聯(lián)性236
7.15 Node.js237
7.15.1 安裝Node237
7.15.2 npm238
第8章 客戶端中的JavaScript239
8.1 BOM239
8.1.1 Window239
8.1.2 Location242
8.1.3 Navigator243
8.1.4 History245
8.2 DOM247
8.2.1 節(jié)點247
8.2.2 操作元素250
8.3 元素的屬性、尺寸和坐標(biāo)256
8.3.1 特性和屬性256
8.3.2 尺寸258
8.3.3 坐標(biāo)261
8.4 控制CSS樣式264
8.4.1 內(nèi)聯(lián)樣式264
8.4.2 獲取CSS屬性264
8.4.3 設(shè)置CSS屬性265
8.4.4 讀寫CSS類265
8.4.5 計算樣式266
8.5 事件267
8.5.1 術(shù)語267
8.5.2 注冊事件268
8.5.3 事件傳播271
8.5.4 事件對象272
8.5.5 模擬事件273
8.6 表單275
8.6.1 表單275
8.6.2 單選框和復(fù)選框277
8.6.3 選擇框278
8.6.4 上傳按鈕280
8.7 Ajax282
8.7.1 1級XMLHttpRequest282
8.7.2 2級XMLHttpRequest285
8.7.3 跨域通信288
8.8 jQuery290
8.8.1 jQuery基礎(chǔ)290
8.8.2 操作元素291
8.8.3 元素的屬性295
8.8.4 事件298
8.8.5 Ajax299
8.8.6 動畫300
8.8.7 工具函數(shù)301