飢人谷2018前端面試押題（講義）

方應杭在飢人谷發表於2018-03-14
前端面試

如果你面臨一次重要的前端面試，請優先看這份押題集。我並沒有每題逐個作答，而是在視訊裡告訴大家答哪些點可以得滿分。而且大部分答案網上就能搜到。如果你想聽我的解答可以購買視訊。

飢人谷學生可以在群裡要答案和視訊。非飢人谷學生可以加微信 hungervalley 說要進群。

想看答題思路可以看購買連結

純應試向押題

套路

  1. 舉例
  2. 將不會的變成會的
  3. 侃侃而談

HTML 押題

  1. （必考） 你是如何理解 HTML 語義化的？
  2. meta viewport 是做什麼用的，怎麼寫？
  3. canvas 元素是幹什麼的？

CSS 押題

  1. （必考） 說說盒模型。
  2. css reset 和 normalize.css 有什麼區別？
  3. （必考）如何居中？
  4. 選擇器優先順序如何確定？
  5. BFC 是什麼？
  6. 如何清除浮動？

JS 押題

  1. JS 有哪些資料型別？
  2. （必考） Promise 怎麼使用？
  3. （必考） AJAX 手寫一下？
  4. （必考）閉包是什麼？
  5. （必考）這段程式碼裡的 this 是什麼？
  6. （必考）什麼是立即執行函式？使用立即執行函式的目的是什麼？
  7. async/await 語法瞭解嗎？目的是什麼？
  8. 如何實現深拷貝？
  9. 如何實現陣列去重？
  10. 如何用正則實現 string.trim() ？
  11. JS 原型是什麼？
  12. ES 6 中的 class 瞭解嗎？
  13. JS 如何實現繼承？
  14. == 相關題目直接反著答（放棄）

DOM 押題

  1. DOM 事件模型是什麼？
  2. 移動端的觸控事件瞭解嗎？
  3. 事件委託是什麼？有什麼好處？

HTTP 押題

  1. HTTP 狀態碼知道哪些？
  2. 301 和 302 的區別是什麼？
  3. HTTP 快取怎麼做？
  4. Cache-Control 和 Etag 的區別是什麼？
  5. Cookie 是什麼？Session 是什麼？
  6. LocalStorage 和 Cookie 的區別是什麼？
  7. （必考）GET 和 POST 的區別是什麼？
  8. （必考）怎麼跨域？JSONP 是什麼？CORS 是什麼？postMessage 是什麼？

Vue 押題

  1. （必考）Vue 有哪些生命週期鉤子函式？
  2. （必考）Vue 如何實現元件通訊？
  3. Vuex 的作用是什麼？
  4. VueRouter 路由是什麼？
  5. Vue 的雙向繫結是如何實現的？有什麼缺點？
  6. Computed 計算屬性的用法？跟 Methods 的區別。

演算法押題

  1. 排序演算法（背誦氣泡排序、選擇排序、計數排序、快速排序、插入排序、歸併排序）
  2. 二分查詢法
  3. 翻轉二叉樹

把上面三個背一下，演算法題必過。

安全押題

  1. 什麼是 XSS 攻擊？如何預防？
  2. 什麼是 CSRF 攻擊？如何預防？

Webpack 題

  1. 轉譯出的檔案過大怎麼辦？
  2. 轉譯速度慢什麼辦？
  3. 寫過 webpack loader 嗎？

發散題

  1. 從輸入 URL 到頁面展現中間發生了什麼？
  2. 你沒有工作經歷嗎？
  3. 你遇到過最難的問題是什麼？
  4. 你的期望薪資是多少？
  5. （任何你不會的問題）
    1. 承認不會
    2. 詢問詳細細節：你問的是不是XXX方面的知識？請問你想問的是哪方面知識？
    3. 根據面試官的回答，向有利於自己的方向引導話題。

刁鑽程式碼題

  1. map加parseInt
  2. a.x = a = {}
  3. (a ==1 && a== 2 && a==3) 可能為 true 嗎？

相關文章