前端程序員面試筆試寶典 前端程序员面试笔试宝典

序
前言
面試筆試經驗技巧篇
經驗技巧1如何巧妙地回答面試官的問題？2 
經驗技巧2如何回答技術性的問題？2 
經驗技巧3如何回答非技術性問題？4 
經驗技巧4如何回答快速估算類問題？5 
經驗技巧5如何回答算法設計問題？5 
經驗技巧6如何回答系統設計題？7 
經驗技巧7如何解決求職中的時間衝突問題？9 
經驗技巧8如果面試問題曾經遇到過，是否要告訴面試官？10 
經驗技巧9被企業拒絕後是否可以再申請？10 
經驗技巧10如何應對自己不會回答的問題？11 
經驗技巧11如何應對面試官的“激將法”語言？11 
經驗技巧12如何處理與面試官持不同觀點這個問題？12 
經驗技巧13職場暗語有哪些？12 
經驗技巧14當前市場對前端工程師的需求如何？待遇如何？15 
經驗技巧15前端工程師未來的發展方向如何？15 
經驗技巧16前端工程師有哪些可供選擇的職業發展道路？16 
經驗技巧17企業在招聘時，對前端工程師通常有何要求？前端工程師的日常工作是什麼？16 
經驗技巧18要想成為一名出色的前端工程師，需要掌握哪些必備的知識？有哪些好的書籍
或網站可供推薦學習？17 
面試筆試技術攻克篇

第1章HTML基礎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規範25 
1.4 .2 HTML與XHTML的區別25 
1.5語義化26 
1.5.1語義化的元素26 
1.5.2微格式27 
1.6 HTML實體28 
1.6.1 HTML實體的定義28 
1.6.2可轉義的字符或符號29 

第2章HTML元素和高級功能30 
2.1元素基礎30 
2.1.1元素的分類30 
2.1.2元素屬性31 
2.2應用CSS樣式32 
2.2.1內聯樣式32 
2.2.2內嵌樣式32 
2.2.3外部樣式33 
2.3嵌入JavaScript33 
2.3.1內聯腳本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分區響應圖40 
2.6.3插圖元素41 
2.7收集用戶數據42 
2.7.1文本42 
2.7.2日期與數值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使用多媒體元素的優勢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數據存儲55 
2.12.1 Cookie55 
2.12.2 Web存儲56
2.12.3 userData56 

第3章CSS基礎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表格相關的屬性值63 
3.3.3 run-in63 
3.3.4 inline-block63 
3.3.5伸縮盒64 
3.4 BFC65 
3.4.1創建BFC65 
3.4.2 BFC的用途66 
3.5使用CSS選擇器68 
3.5.1基本選擇器68 
3.5.2關係選擇器69 
3.5.3偽選擇器69 
3.5.4選擇器分組70 
3.6內容生成71 
3.6.1計數器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百分數78 
3.9.1定位79 
3.9.2寬和高79 
3.9.3外邊距和內邊距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創建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行內非替換元素102 
4.6.2行內替換元素103 
4.6.3垂直對齊104 
4.7背景105 
4.7.1起始點和裁剪背景區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應用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主軸和側軸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預處理器142 
5.6.1變量與運算142 
5.6.2選擇器嵌套143 
5.6.3控制語句143 
5.6.4混合和函數144 
5.6.5繼承144 
5.7 Bootstrap145 
5.7.1柵格系統146 
5.7.2排版148 
5.7.3顏色148
5.7.4表格149 
5.7.5表單150 
5.7.6組件151 

第6章計算機網絡153 
6.1 TCP/IP153 
6.1.1協議153 
6.1.2 TCP/IP154 
6.2 HTTP155 
6.2.1 URI和URL156 
6.2.2 HTTP協議156 
6.2.3 HTTP報文157 
6.2.4 HTTP首部158 
6.2.5緩存160 
6.3 RESTful架構風格162 
6.3.1 REST162 
6.3.2約束條件162 
6.4 TCP163 
6.4.1連接管理163 
6.4.2確認應答164 
6.4.3窗口控制166 
6.4.4重傳控制166 
6.5 HTTPS167 
6.5.1加密168 
6.5.2數字簽名169 
6.5.3數字證書169 
6.5.4安全通信機制170 
6.6 HTTP/2.0171 
6.6.1二進制分幀層171 
6.6. 2多路通信172 
6.6.3請求優先級173 
6.6.4服務器推送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標識符、關鍵字和保留字177 
7.2.3數據類型178 
7.2.4運算符179 
7.2.5表達式181 
7.2.6語句181 
7.3數字和字符串183 
7.3.1數字183 
7.3.2字符串185 
7.4強制類型轉換188 
7.4.1轉換為數字188 
7.4.2轉換為字符串190 
7.4.3轉換為布爾值191 
7.4.4相等運算符191 
7.5全局對象192 
7.5.1全局對象193 
7.5.2包裝對象193 
7.5.3處理URI的全局函數194 
7.6對象（Object）195 
7.6.1創建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構造函數206 
7.8.3靜態方法207 
7.8.4日期格式化方法208 
7.8.5其他日期方法208 
7.9正則表達式（RegExp）209 
7.9.1創建209 
7.9.2語法210 
7.9.3 String中的方法212 
7.9.4 RegExp中的方法214 
7.10數組（Array）215 
7.10 .1創建215 
7.10.2數組操作215 
7.10.3數組方法216 
7.10.4類數組對象和字符串220 
7.11函數（Function）221 
7.11.1作用域222 
7.11.2函數基本概念223 
7.11.3閉包227 
7.11.4函數式編程228 
7.12 this230 
7.13即時函數232 
7.13.1塊級作用域233 
7.13.2循環233
7.13.3可讀性和undefined233 
7.13.4類庫封裝234 
7.14檢測類型和對象234 
7.14.1檢測數據的類型235 
7.14.2對象之間的關聯性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節點247 
8.2.2操作元素250 
8.3元素的屬性、尺寸和坐標256 
8.3.1特性和屬性256 
8.3.2尺寸258 
8.3.3坐標261 
8.4控制CSS樣式264 
8.4.1內聯樣式264 
8.4.2獲取CSS屬性264 
8.4.3設置CSS屬性265 
8.4.4讀寫CSS類265 
8.4.5計算樣式266 
8.5事件267 
8.5.1術語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單選框和復選框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基礎290 
8.8.2操作元素291 
8.8.3元素的屬性295 
8.8.4事件298 
8.8.5 Ajax299 
8.8.6動畫300 
8.8.7工具函數301