拒信收割機の前端面經（CVTE，惟品會，百度）

—— 雖然個人offer少，可是個人拒信多啊

這幾天終於閒下來，作一點微小的工做，整理了一些以前幾家公司的前端面試題和我的經驗，想作前端的師弟妹能夠參考，也歡迎各同行大神來指教~

（如下問題不分前後，時間久遠不免有些遺漏；不少問題面試官都會給一個特定的場景，我記不清了，只列出了考察的知識點所在）

CVTE

一面：

• http 1.0、1.一、2的區別

• tcp三次握手、四次握手

• 瀏覽器緩存機制

• 跨域方法

• 閉包

• 做用域鏈

• 原型鏈

• CSS選擇器優先級

• IE盒模型和標準盒模型

• 瀏覽器兼容性 CSS hack

• 對回調陷阱的認識，瞭解過promise實現原理嗎

• cookie原理，操做

• 實現左邊固定寬度右邊自適應界面

• 用setTimeOut輸出1-10，一秒一個

• 實現tab點擊切換頁面

二面

• 數據庫優化（懵比，數據庫的東西基本都還給老師了）

• 若是你的網站服務器在1000個請求中有一個請求服務器響應時間達800ms，返回502狀態碼，如何定位問題在哪裏（懵比，後臺的鍋我不背）

• 對那些技術比較熟悉，介紹相關技術。

• 手寫代碼：一個簡單的算法

• 對將來生活的展望

惟品會

一面：

• 介紹本身的一個項目

• 閉包

• 原型鏈

• 跨域

• flex box

• HTML5用過那些東西

• ES6用過什麼東西

• 用過webpack嗎（答用gulp比較多）

• AngularJS用過哪些，瞭解原理嗎（答用過數據綁定、服務、指令、單頁路由等，說了單頁路由的實現原理）

• 瀏覽器緩存

• 網站性能優化

• 對CDN瞭解

二面：

• 瀏覽器緩存（沒錯又問了一次）

• http狀態碼

• chrome的console使用過哪些功能

• 如何計算跳轉至一個網頁後的渲染時間

• 熟悉哪些JS框架

• 對Angular和JQuery哪一個熟悉（答Jquery）

• JQuery有哪些綁定事件函數，解綁函數

HR面

• 爲何想要來惟品會

• 還投了哪些公司，都拿到offer去哪家

• 瞭解惟品會嗎

• 職業生涯規劃

• 閒聊

百度

一面：

• HTML5用過哪些新元素、技術

• 生成10個1-100間的隨機數

• 熟悉哪些排序算法，寫一個最熟悉的（答了八大排序算法，而後不要臉地寫了個冒泡…）

• 實現一個簡單Array原型方法（功能挺簡單，重點是考對原型的認識）

• 居中寬高未知的元素，用多種方式（答position+translate，flex）

• jsonp原生實現

• 常見http狀態碼

• jsDOM操做有原生的insertBefore函數，可是沒有insertAfter，實現一個insertAfter函數

• 開發環境用什麼，經常使用Linux嗎

二面：

• 怎麼設置多個window.onload事件（相似像jquery同樣能夠同時存在多個$(document).ready()事件）

• 數組常見操做有哪些，怎麼從一個數組中刪除指定下標的元素（寫了一種方法後面試官問有沒有別的方法，最後寫了三種方法，面試官又給補充了一種）

• 原型（面試官寫了一段代碼讓我說最後輸出什麼，緣由是什麼，很自信地回答了這題，回去的路上發現本身答錯了...）

• 閉包，說一個在項目中使用閉包的場景

• 前端代碼層面有哪些比較耗費性能的操做，怎麼優化（答頻繁的DOM操做能夠先緩存元素，算法優化，緩存AJAX，多使用效率較高的ID選擇器、少使用通配或者複雜的選擇器，少使用css expression，避免迴流和重繪等）

• 瞭解哪些排序算法，寫一個插入排序

終面：

• 項目，興趣愛好，生涯規劃等。

感悟

• 基礎很重要，從上面的面試題能夠看出大部分問題都是很基礎的。另外回答的時候要淡定，一些問題就算不懂也不能慌，要和麪試官談笑風生，而後儘可能扯回到本身懂的東西上面

• 大公司好比百度給個人感受就是很重視基礎、思惟和潛力。百度面試官問的每道題回答出來以後基本都要去實現一遍（手寫代碼比較耗費時間，因此百度整體問的問題很少），像我這種印象流好幾回都差點沒能水過去，深入體會到基礎的重要。一些手寫代碼題就算不清楚怎麼實現，也能夠和麪試官大概說說本身的思路，若是可以抓住問題的重點,有條理地逐步分析問題，面試官也會露出欣賞の微笑。不少問題面試官會沿着你的思路一直往下問，好比說這個算法爲何要這樣實現，這時候最好能回答「我以前考慮到XXX問題，用這種方法可以比較好地XXXX解決等等等」

• 感受面試能不能過不少時候跟合不合面試官的眼緣有關...因此就算沒過也不要輕易否認本身

• 面試全程保持迷之自信也很重要，要讓面試官感受「我去這我的雖然什麼都不懂可是好自信我好喜歡」......

• 面試到最後面試官都會問有沒有想要了解的東西，能提出一些有水平的問題能夠加分不少。感受本身每次提的問題都不太好就不貼出來了，歡迎來找我討論...

• 想到有什麼再補充，學習去了，學習使我快樂