前端開發面試題

 

前言

只看問題點這裏

看所有問題和答案點這裏

本文由我收集總結了一些優質的前端面試題，初學者閱後也要用心鑽研其中的原理，重要知識須要系統學習、透徹學習，造成本身的知識鏈。萬不可投機取巧，臨時抱佛腳只求面試僥倖混過關是錯誤的！也是不可能的！不可能的！不可能的！

前端仍是一個年輕的行業，新的行業標準， 框架， 庫都不斷在更新和新增，正如赫門在2015深JS大會上的《前端服務化之路》主題演講中說的一句話：「每18至24個月，前端都會難一倍」，這些變化使前端的能力更加豐富、創造的應用也會更加完美。因此關注各類前端技術，跟上快速變化的節奏，也是身爲一個前端程序員必備的技能之一。

最近也收到許多微博私信的鼓勵和更正題目信息，後面會常常更新題目和答案到github博客。但願更多的前端開發能夠達到既能使用也會表達，對理論知識有本身的理解，也可根據下面的知識點一個一個去進階學習,造成本身的職業技能鏈。

面試有幾點需注意：(來源寒冬winter 老師，github:@wintercn)

1. 面試題目： 根據你的等級和職位的變化，入門級到專家級，廣度和深度都會有所增長。

2. 題目類型： 理論知識、算法、項目細節、技術視野、開放性題、工做案例。

3. 細節追問： 能夠確保問到你開始不懂或面試官開始不懂爲止，這樣能夠大大延展題目的區分度和深度，知道你的實際能力。由於這種知識關聯是長時期的學習，臨時抱佛腳絕對是記不住的。

4. 回答問題再棒，面試官（多是你面試職位的直接領導），會考慮我要不要這我的作個人同事？因此態度很重要、除了能作事，還要會作人。（感受更像是相親( •̣̣̣̣̣̥́௰•̣̣̣̣̣̥̀ )）

5. 資深的前端開發能把absolute和relative弄混，這樣的人不要也罷，由於團隊須要的是：你這我的具備能夠依靠的才能（靠譜）。

前端開發面試知識點大綱：

HTML&CSS：
    對Web標準的理解、瀏覽器內核差別、兼容性、hack、CSS基本功：佈局、盒子模型、選擇器優先級及使用、HTML五、CSS三、移動端頁面開發

JavaScript：
    數據類型、面向對象、繼承、閉包、插件、做用域、跨域、原型鏈、模塊化、自定義事件、內存泄漏、事件機制、異步裝載回調、模板引擎、前端MVC、路由、Nodejs、JSON、ajax等。

其餘：
   HTTP、WEB安全、正則、優化、重構、響應式、團隊協做、可維護、SEO、UED、架構、職業生涯、快速學習能力

做爲一名前端工程師，不管工做年頭長短都應該必須掌握的知識點：

此條由 王子墨 發表在 攻城師的實驗室

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

    二、DOM操做 ——如何添加、移除、移動、複製、建立和查找節點等。

    三、事件 —— 如何使用事件，以及IE和標準DOM事件模型之間存在的差異。

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

    五、嚴格模式與混雜模式 —— 如何觸發這兩種模式，區分它們有何意義。

    六、盒模型 —— 外邊距、內邊距和邊框之間的關係，及IE8如下版本的瀏覽器中的盒模型

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

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

    九、HTML與XHTML ——兩者有什麼區別，你以爲應該使用哪個並說出理由。

    十、JSON —— 做用、用途、設計結構。