web前端面試題

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

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

　　JavaScript：       數據類型、面向對象、繼承、閉包、插件、做用域、跨域、原型鏈、模塊化、自定義事件、內存泄漏、事件機制、異步裝載回調、模板引擎、Nodejs、JSON、ajax等。其餘：   HTTP、安全、正則、優化、重構、響應式、移動端、團隊協做、可維護、SEO、UED、架構、職業生涯 

 

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

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

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

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

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

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

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

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

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

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

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

 

--------------------------------------------------------------------------------------------------------------- 

 

拋一些考察點吧，熟悉了過面可能性會比較大。至於一些算法題，場景題多看看面經。一、盒裝模型，以及在不一樣標準下的表現。（問到什麼程度？好比最近會問什麼時候margin會重疊）二、基本CSS的知識自行了解清楚（優先級、選擇器、僞類、浮動元素、HACK等）三、原型與實現繼承（特別重要！！我手下面80%應屆生不熟悉原型，也許學校沒實際應用過，可是不知道原型基本能夠槍斃了）四、做用域、聲明提早（特別喜歡拿這個作文章，分開出三道，第一道不會教你，剩下兩道埋坑考察當場學習能力）五、基本插件如JQ等的使用和部分代碼分析或實現六、原生JS的使用（建立、插入DOM，不一樣瀏覽器事件）七、跨域實現八、如何改善頁面性能九、事件代理十、this、call、apply、callee 孰知應用十一、正則十二、佈局，浮動佈局，自適應佈局，自適應左右分欄的實現（純CSS）基本上原型做用域配合的題目夠把你面出個三六九等，搞清楚基礎知識再來面試，對面試官是種尊重吧。（原諒我用尊重這個詞，由於每次抽1小時問面試，對方連原型都沒聽過，還要倒過來教，心很累噠）進階版：一、AMD CMD 模塊化JS二、同步、異步、回調、promise實現三、各類算法、數組去重等四、前端開發框架、編譯、打包（選擇一家方案使用瞭解）五、CSS三、HTML5經常使用方法六、重繪與迴流及相關性能七、webkit內核特有的一些API八、MVC/JS面向對象思想面試時候，最重要的是看人，面完領導每次問我最多的是：能幹活麼？招聘就是在選合做夥伴，因此如下幾點比較重要：一、態度二、學習能力（聰明否）三、交流能力（通常答不對題，還默默無言的能夠pass了，更多時候大部分人只能答對60%甚至不到，可是能保持不冷場，我以爲反而沒有關係）