飢人谷 2019 前端押題（講義）

答案在《完整講義》裏，這裏只有題目。

押題跟 GitHub 上面的一些《面試寶典》《面試題收集》沒有本質區別，惟一的區別是：我押的題目更少，而不是題海戰術，因此更容易幫到你找到重點。

去年的 2018 押題幫助了很多面試者在面試中得到自信，今年增長了 TypeScript 和 React 章節，刪除了一些過期的題目，而且額外講了兩個大題：『JS 垃圾回收』和『Eventloop』，目前在打折，值得購買哦。

注意事項

1. 『不少』公司面試題都是常年不更新的，『可能』你搜該公司往年的面經，就能猜到今年的題目，比押題還準，因此推薦你優先搜往年面經
2. 不少面試官的知識也是常年不更新的，你不要答得太『偏激』太『新穎』，應該瞭解大衆的想法
3. 本押題主要強調答題思路，具體答案均可以搜到（不要用百度，要用谷歌搜索）
4. 強烈推薦面試前把『必考』題所有本身答一遍，若是有用請告訴我

HTML

1. 必考：你是如何理解 HTML 語義化的？
2. meta viewport 是作什麼用的，怎麼寫？
3. 你用過哪些 HTML 5 標籤？
4. H5 是什麼？

CSS

1. 必考：兩種盒模型分別說一下。
2. 必考：如何垂直居中？
3. 必考：flex 怎麼用，經常使用屬性有哪些？
4. 必考：BFC 是什麼？
5. CSS 選擇器優先級
6. 清除浮動說一下

原生 JS

1. 必考：ES 6 語法知道哪些，分別怎麼用？
2. 必考 Promise、Promise.all、Promise.race 分別怎麼用？
3. 必考：手寫函數防抖和函數節流
4. 必考：手寫AJAX
5. 必考：這段代碼裏的 this 是什麼？
6. 必考：閉包/當即執行函數是什麼？
7. 必考：什麼是 JSONP，什麼是 CORS，什麼是跨域？
8. 常考：async/await 怎麼用，如何捕獲異常？
9. 常考：如何實現深拷貝？
10. 常考：如何用正則實現 trim()？
11. 常考：不用 class 如何實現繼承？用 class 又如何實現？
12. 常考：如何實現數組去重？
13. 放棄：== 相關題目（反着答）
14. 送命題：手寫一個 Promise

DOM

1. 必考：事件委託
2. 曾考：用 mouse 事件寫一個可拖曳的 div

HTTP

1. 必考：HTTP 狀態碼知道哪些？分別什麼意思？
2. 大公司必考：HTTP 緩存有哪幾種？
3. 必考：GET 和 POST 的區別
4. Cookie V.S. LocalStorage V.S. SessionStorage V.S. Session

框架 Vue

1. 必考：watch 和 computed 和 methods 區別是什麼？
2. 必考：Vue 有哪些生命週期鉤子函數？分別有什麼用？
3. 必考：Vue 如何實現組件間通訊？
4. 必考：Vue 數據響應式怎麼作到的？
5. 必考：Vue.set 是作什麼用的？
6. Vuex 你怎麼用的？
7. VueRouter 你怎麼用的？
8. 路由守衛是什麼？

框架 React

1. 必考：受控組件 V.S. 非受控組件
2. 必考：React 有哪些生命週期函數？分別有什麼用？（Ajax 請求放在哪一個階段？）
3. 必考：React 如何實現組件間通訊？
4. 必考：shouldComponentUpdate 有什麼用？
5. 必考：虛擬 DOM 是什麼？
6. 必考：什麼是高階組件？
7. React diff 的原理是什麼？
8. 必考 Redux 是什麼？
9. connect 的原理是什麼？

TypeScript

1. never 類型是什麼？
2. TypeScript 比起 JavaScript 有什麼優勢？

Webpack

1. 必考：有哪些常見 loader 和 plugin，你用過哪些？
2. 英語題：loader 和 plugin 的區別是什麼？
3. 必考：如何按需加載代碼？
4. 必考：如何提升構建速度？
5. 轉義出的文件過大怎麼辦？

上面五題請看這個不錯的參考：zhuanlan.zhihu.com/p/44438844

安全

1. 必考：什麼是 XSS？如何預防？
2. 必考：什麼是 CSRF？如何預防？

開放題目

1. 必考：你遇到最難的問題是怎樣的？
2. 你在團隊的突出貢獻是什麼？
3. 最近在關注什麼新技術
4. 有沒有看什麼源碼，看了後有什麼記憶深入的地方，有什麼收穫

刁鑽題目

1. 代碼[1,2,3].map(parseInt)
2. 代碼var a = {name: 'a'} a.x = a = {} 問 a.x 是多少？
3. (a ==1 && a== 2 && a==3) 可能爲 true 嗎？

超綱題

1. JS 垃圾回收機制
2. Eventloop 說一下

個性化題目

• PWA
• echarts.js / d3.js
• three.js
• flutter
• SSR

若是須要視頻講解，點擊連接便可。