1. 程式人生 > >前端面試題集錦——前言

前端面試題集錦——前言

前端開發面試題

參考資料:

前言

面試有幾點需注意:

  1. 面試題目: 根據你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。
  2. 題目型別: 理論知識、演算法、專案細節、技術視野、開放性題、工作案例。
  3. 細節追問: 可以確保問到你開始不懂或面試官開始不懂為止,這樣可以大大延展題目的區分度和深度,知道你的實際能力。因為這種知識關聯是長時期的學習,臨時抱佛腳絕對是記不住的。
  4. 回答問題再棒,面試官(可能是你面試職位的直接領導),會考慮我要不要這個人做我的同事?所以態度很重要、除了能做事,還要會做人。
  5. 資深的前端開發能把absolute和relative弄混,這樣的人不要也罷,因為團隊需要的是:你這個人具有可以依靠的才能(靠譜)。

前端開發知識點:

  • HTML&CSS:

    對Web標準的理解,瀏覽器核心差異,相容性,hack,CSS基本功:佈局、盒子模型、選擇器優先順序,HTML5,CSS3,Flexbox

  • JavaScript:

    資料型別、運算、物件、Function、繼承、閉包、作用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、記憶體洩漏、跨域、非同步裝載、模板引擎、前端MVC、路由、模組化、Canvas、ECMAScript 6、Nodejs

  • 其他:

    移動端、響應式、自動化構建、HTTP、離線儲存、WEB安全、優化、重構、團隊協作、可維護、易用性、SEO、UED、架構、職業生涯、快速學習能力

作為一名前端工程師,無論工作年頭長短都應該掌握的知識點:

  1. DOM結構 —— 兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。

  2. DOM操作 —— 如何新增、移除、移動、複製、建立和查詢節點等。

  3. 事件 —— 如何使用事件,以及IE和標準DOM事件模型之間存在的差別。

  4. XMLHttpRequest —— 這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。

  5. 嚴格模式與混雜模式 —— 如何觸發這兩種模式,區分它們有何意義。

  6. 盒模型 —— 外邊距、內邊距和邊框之間的關係,及IE8以下版本的瀏覽器中的盒模型

  7. 塊級元素與行內元素 —— 怎麼用CSS控制它們、以及如何合理的使用它們

  8. 浮動元素 —— 怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。

  9. HTML與XHTML —— 二者有什麼區別,你覺得應該使用哪一個並說出理由。

  10. JSON —— 作用、用途、設計結構。

面試題集錦