前端程序員面試筆試寶典

序
前言
面試筆試經(jīng)驗(yàn)技巧篇
經(jīng)驗(yàn)技巧1 如何巧妙地回答面試官的問(wèn)題？2
經(jīng)驗(yàn)技巧2 如何回答技術(shù)性的問(wèn)題？2
經(jīng)驗(yàn)技巧3 如何回答非技術(shù)性問(wèn)題？4
經(jīng)驗(yàn)技巧4 如何回答快速估算類(lèi)問(wèn)題？5
經(jīng)驗(yàn)技巧5 如何回答算法設(shè)計(jì)問(wèn)題？5
經(jīng)驗(yàn)技巧6 如何回答系統(tǒng)設(shè)計(jì)題？7
經(jīng)驗(yàn)技巧7 如何解決求職中的時(shí)間沖突問(wèn)題？9
經(jīng)驗(yàn)技巧8 如果面試問(wèn)題曾經(jīng)遇到過(guò)，是否要告訴面試官？10
經(jīng)驗(yàn)技巧9 被企業(yè)拒絕后是否可以再申請(qǐng)？10
經(jīng)驗(yàn)技巧10 如何應(yīng)對(duì)自己不會(huì)回答的問(wèn)題？11
經(jīng)驗(yàn)技巧11 如何應(yīng)對(duì)面試官的“激將法”語(yǔ)言？11
經(jīng)驗(yàn)技巧12 如何處理與面試官持不同觀(guān)點(diǎn)這個(gè)問(wèn)題？12
經(jīng)驗(yàn)技巧13 職場(chǎng)暗語(yǔ)有哪些？12
經(jīng)驗(yàn)技巧14 當(dāng)前市場(chǎng)對(duì)前端工程師的需求如何？待遇如何？15
經(jīng)驗(yàn)技巧15 前端工程師未來(lái)的發(fā)展方向如何？15
經(jīng)驗(yàn)技巧16 前端工程師有哪些可供選擇的職業(yè)發(fā)展道路？16
經(jīng)驗(yàn)技巧17 企業(yè)在招聘時(shí)，對(duì)前端工程師通常有何要求？前端工程師的日常工作是什么？16
經(jīng)驗(yàn)技巧18 要想成為一名出色的前端工程師，需要掌握哪些必備的知識(shí)？有哪些好的書(shū)籍
或網(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 語(yǔ)法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 語(yǔ)義化26
1.5.1 語(yǔ)義化的元素26
1.5.2 微格式27
1.6 HTML實(shí)體28
1.6.1 HTML實(shí)體的定義28
1.6.2 可轉(zhuǎn)義的字符或符號(hào)29
第2章 HTML元素和高級(jí)功能30
2.1 元素基礎(chǔ)30
2.1.1 元素的分類(lèi)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 收集用戶(hù)數(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)勢(shì)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ù)存儲(chǔ)55
2.12.1 Cookie55
2.12.2 Web存儲(chǔ)56
2.12.3 userData56
第3章 CSS基礎(chǔ)57
3.1 CSS357
3.1.1 CSS3新特性57
3.1.2 漸進(jìn)增強(qiáng)58
3.2 盒模型59
3.2.1 盒模型60
3.2.2 box-sizing60
3.2.3 盒子的顯示類(lèi)型61
3.3 元素盒類(lèi)型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 計(jì)數(shù)器71
3.6.2 引用屬性值和圖像72
3.6.3 添加文本73
3.7 層疊73
3.8 單位76
3.8.1 絕對(duì)長(zhǎng)度單位76
3.8.2 相對(duì)長(zhǎng)度單位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 顏色名稱(chēng)82
3.10.2 RGB顏色82
3.10.3 HSL顏色83
3.10.4 Web安全色83
第4章 CSS屬性84
4.1 浮動(dòng)84
4.1.1 浮動(dòng)范圍84
4.1.2 創(chuàng)建BFC85
4.1.3 負(fù)外邊距85
4.1.4 清除浮動(dòng)86
4.2 定位88
4.2.1 相對(duì)定位88
4.2.2 絕對(duì)定位89
4.2.3 固定定位89
4.2.4 偏移屬性90
4.2.5 z-index91
4.3 邊框92
4.3.1 外觀(guān)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 垂直對(duì)齊102
4.6.1 行內(nèi)非替換元素102
4.6.2 行內(nèi)替換元素103
4.6.3 垂直對(duì)齊104
4.7 背景105
4.7.1 起始點(diǎn)和裁剪背景區(qū)105
4.7.2 背景圖像尺寸107
4.7.3 背景圖像附著108
4.7.4 背景圖像定位109
4.7.5 background110
4.8 變形、過(guò)渡和動(dòng)畫(huà)111
4.8.1 變形111
4.8.2 過(guò)渡112
4.8.3 動(dòng)畫(huà)114
4.9 媒體查詢(xún)117
4.9.1 使用方法117
4.9.2 媒體類(lèi)型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屬性級(jí)前綴122
5.2 布局123
5.2.1 浮動(dòng)布局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 對(duì)齊方式133
5.4.3 伸縮性135
5.4.4 顯示順序137
5.4.5 新舊版本屬性對(duì)照137
5.5 居中138
5.5.1 水平居中139
5.5.2 垂直居中140
5.6 CSS預(yù)處理器142
5.6.1 變量與運(yùn)算142
5.6.2 選擇器嵌套143
5.6.3 控制語(yǔ)句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章 計(jì)算機(jī)網(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報(bào)文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ù)字證書(shū)169
6.5.4 安全通信機(jī)制170
6.6 HTTP/2.0171
6.6.1 二進(jìn)制分幀層171
6.6.2 多路通信172
6.6.3 請(qǐng)求優(yōu)先級(jí)173
6.6.4 服務(wù)器推送173
6.6.5 首部壓縮173
第7章 JavaScript語(yǔ)言175
7.1 JavaScript概述175
7.1.1 ECMAScript175
7.1.2 DOM176
7.1.3 BOM176
7.2 基本語(yǔ)法177
7.2.1 字符集177
7.2.2 標(biāo)識(shí)符、關(guān)鍵字和保留字177
7.2.3 數(shù)據(jù)類(lèi)型178
7.2.4 運(yùn)算符179
7.2.5 表達(dá)式181
7.2.6 語(yǔ)句181
7.3 數(shù)字和字符串183
7.3.1 數(shù)字183
7.3.2 字符串185
7.4 強(qiáng)制類(lèi)型轉(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 相等運(yùn)算符191
7.5 全局對(duì)象192
7.5.1 全局對(duì)象193
7.5.2 包裝對(duì)象193
7.5.3 處理URI的全局函數(shù)194
7.6 對(duì)象（Object）195
7.6.1 創(chuàng)建195
7.6.2 原型和原型鏈195
7.6.3 屬性196
7.6.4 可擴(kuò)展性200
7.7 JSON202
7.7.1 語(yǔ)法203
7.7.2 序列化204
7.7.3 解析205
7.8 日期和時(shí)間（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 正則表達(dá)式（RegExp）209
7.9.1 創(chuàng)建209
7.9.2 語(yǔ)法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 類(lèi)數(shù)組對(duì)象和字符串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í)函數(shù)232
7.13.1 塊級(jí)作用域233
7.13.2 循環(huán)233
7.13.3 可讀性和undefined233
7.13.4 類(lèi)庫(kù)封裝234
7.14 檢測(cè)類(lèi)型和對(duì)象234
7.14.1 檢測(cè)數(shù)據(jù)的類(lèi)型235
7.14.2 對(duì)象之間的關(guān)聯(lián)性236
7.15 Node.js237
7.15.1 安裝Node237
7.15.2 npm238
第8章 客戶(hù)端中的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é)點(diǎn)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 讀寫(xiě)CSS類(lèi)265
8.4.5 計(jì)算樣式266
8.5 事件267
8.5.1 術(shù)語(yǔ)267
8.5.2 注冊(cè)事件268
8.5.3 事件傳播271
8.5.4 事件對(duì)象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級(jí)XMLHttpRequest282
8.7.2 2級(jí)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 動(dòng)畫(huà)300
8.8.7 工具函數(shù)301