高級前端程序員面試筆試寶典

平文，上海松江人，前端程序員，畢業於上海師範大學計算機科學與技術專業。
從事了多年Web方面的研發工作，擅長JavaScript/PHP等主流編程語言，對CSS和HTML有深入的研究，主導開發shin的前端監控系統和Primus UI庫，具有豐富的項目經驗。
酷愛中國歷史與自然科學，喜歡戶外運動。
讀者QQ群： 708134385

前言 


面試筆試經驗技巧篇
 經驗技巧1 當前市場對前端程序員的需求和待遇如何？2
 經驗技巧2 前端程序員未來的發展方向如何？2
 經驗技巧3 如何準備集體面試？2
 經驗技巧4 常見的面試失誤有哪些？5
 經驗技巧5 如何介紹自己的項目經驗？7
 經驗技巧6 如何回答技術性的問題？8
 經驗技巧7 如何回答非技術性問題？10
 經驗技巧8 如何回答快速估算類問題？11
 經驗技巧9 如何回答算法設計問題？11
 經驗技巧10 如何回答系統設計題？14
 經驗技巧11 如何應對自己不會回答的問題？16
 經驗技巧12 如何處理與面試官持不同觀點這個問題？17
 經驗技巧13 如果你被我們錄取了，接下來你將如何開展工作？17
 經驗技巧14 你怎麼理解自己所應聘的職位？18
 經驗技巧15 你與上司意見不一致時，該怎麼辦？18
 經驗技巧16 你如何看待公司的加班現象？19
 經驗技巧17 你是否同時申請了別的工作？20
 經驗技巧18 你如何面對壓力？20
 經驗技巧19 你為什麼離開了原來的單位？21
 經驗技巧20 你的職業規劃是什麼？22
 經驗技巧21 如何引導面試官提問自己擅長的內容？22
 經驗技巧22 前端程序員有哪些可供選擇的職業道路？23
 經驗技巧23 企業招聘時，對前端程序員有哪些關鍵要求？前端程序員工作的
要點有哪些？23
 經驗技巧24 要想成為一名出色的前端工程師，需要掌握哪些必備的知識？
有哪些好的書籍或是網站可推薦？24
面試筆試技術攻克篇
 
第1章 ES627
1.1 新語法27
1.1.1 let和const27
1.1.2 擴展運算符和剩餘參數30
1.1.3 解構32
1.1.4 模板字面量37
1.1.5 對象字面量的擴展39
1.1.6 Symbol41
1.2 代碼模塊化45
1.2.1 導出45
1.2.2 導入46
1.2.3 模塊的默認值47
1.2.4 限制47
1.2.5 用<>標籤加載模塊48
1.3 數字、字符串和正則表達式49
1.3.1 數字49
1.3.2 字符串50
1.3.3 正則表達式53
1.4 對象、數組和類型化數組55
1.4.1 對象55
1.4.2 數組57
1.4.3 類型化數組59
1.5 函數63
1.5.1 默認參數63
1.5.2 函數屬性65
1.5.3 塊級函數66
1.5.4 元屬性67
1.5.5 箭頭函數67
1.5.6 尾調用優化69
1.6 Set和Map71
1.6.1 Set71
1.6.2 WeakSet72
1.6.3 Map73
1.6.4 WeakMap74
1.7 迭代器和生成器76
1.7.1 迭代器76
1.7.2 生成器78
1.8 類83
1.8.1 創建83
1.8.2 成員84
1.8.3 繼承86
1.9 Promise91
1.9.1 基礎概念92
1.9.2 靜態方法95
1.9.3 應用97
1.10 代理和反射98
1.10.1 代理98
1.10.2 反射101
 
第2章 React104
2.1 函數式編程104
2.1.1 聲明式編程104
2.1.2 函數優先105
2.1.3 純函數105
2.1.4 優點106
2.2 JSX107
2.2.1 元素107
2.2.2 屬性109
2.2.3 虛擬DOM110
2.3 組件111
2.3.1 構建111
2.3.2 state（組件狀態）111
2.3.3 props（組件屬性）112
2.3.4 生命週期115
2.3.5 列表和Keys118
2.4 React和DOM119
2.4.1 ReactDOM119
2.4.2 Refs120
2.4.3 Fragments122
2.5 事件124
2.5.1 註冊方式124
2.5.2 事件傳播125
2.5.3 事件對象126
2.5.4 this126
2.5.5 事件處理程序的參數127
2.6 表單128
2.6.1 受控組件128
2.6.2 非受控組件132
2.7 樣式133
2.7.1 內聯樣式133
2.7.2 CSS類134
2.7.3 CSS in JS134
2.8 組件通信137
2.8.1 父子通信137
2.8.2 兄弟通信138
2.8.3 跨級通信139
2.8.4 無級通信142
2.9 高階組件144
2.9.1 代理方式144
2.9.2 繼承方式147
2.9.3 參數傳遞148
2.9.4 命名149
2.10 Redux基礎150
2.10.1 三大原則150
2.10.2 主要組成151
2.10.3 綁定React153
2.11 Redux中間件155
2.11.1 開發模式155
2.11.2 applyMiddleware()156
2.11.3 redux-thunk158
2.12 React Router159
2.12.1 版本159
2.12.2 路由器160
2.12.3 路由162
2.12.4 導航165
2.12.5 集成Redux167
 
第3章 前端利器169
3.1 npm169
3.1.1 安裝包169
3.1.2 package.json169
3.1.3 包和模塊171
3.1.4 常用命令171
3.1.5 npm鏡像172
3.2 Babel172
3.2.1 @babel/core173
3.2.2 @babel/cli173
3.2.3 配置174
3.2.4 插件175
3.2.5 預設176
3.2.6 @babel/polyfill177
3.2.7 @babel/runtime178
3.2.8 動態編譯179
3.3 webpack基礎181
3.3.1 安裝182
3.3.2 入口182
3.3.3 輸出183
3.3.4 加載器184
3.3.5 插件186
3.3.6 模塊化187
3.4 webpack進階188
3.4.1 runtime和manifest188
3.4.2 Source Map190
3.4.3 webpack-dev-server191
3.4.4 模塊熱替換192
3.4.5 代碼分離193
3.4.6 集成Gulp195
3.5 Git196
3.5.1 版本控制系統197
3.5.2 快照198
3.5.3 工作區域198
3.5.4 常用命令199
3.5.5 分支201
3.6 Fiddler208
3.6.1 用戶界面208
3.6.2 Web調試212
3.6.3 性能測試217
3.6.4 擴展219
 
第4章 Vue.js223
4.1 數據綁定223
4.1.1 實例223
4.1.2 模板語法225
4.1.3 過濾器227
4.1.4 計算屬性228
4.1.5 響應式原理229
4.2 指令232
4.2.1 條件渲染232
4.2.2 列表渲染233
4.2.3 事件處理235
4.2.4 自定義指令237
4.3 樣式和表單240
4.3.1 CSS類240
4.3.2 內聯樣式241
4.3.3 表單242
4.4 組件244
4.4.1 註冊245
4.4.2 數據傳遞246
4.4.3 混入249
4.4.4 動態組件251
4.5 組件通信253
4.5.1 直接訪問253
4.5.2 ref和$refs254
4.5.3 自定義事件255
4.6 內容分發257
4.6.1 插槽258
4.6.2 具名插槽258
4.6.3 作用域插槽259
4.7 渲染函數和JSX260
4.7.1 渲染函數261
4.7.2 JSX263
4.8 Vue Router264
4.8.1 基本用法264
4.8.2 路由模式265
4.8.3 路由266
4.8.4 重定向和別名267
4.8.5 組件傳參268
4.8.6 導航守衛268
4.9 Vuex271
4.9.1 基本用法271
4.9.2 主要組成272
4.9.3 模塊275
4.9.4 動態註冊277
4.9.5 表單處理278