2017web前端校招面試總結 - 陌陌技術保障組

前幾天面試了陌陌的前端，這裏總結一下。

筆試

來到陌陌的時候首先會先發一套前端的筆試題，很簡單。

• 描述一下標準模式和怪異模式的區別；
• 實現一個左邊div寬度固定，右邊div寬度自適應的佈局；
• 在Array的原型鏈上實現array.prototype.inArray的方法；
• <meta name=「viewport」 content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">介紹一下各屬性是什麼含義；
• display: none 和 visibility: hidden的區別；

還有幾道題忘了，總之筆試的題很簡單很基礎，沒什麼難度。

一面

• 介紹一下本身的項目經歷，能夠看着本身的簡歷介紹(用到的技術 + 遇到的技術難點)；
• css的盒模型；
• 寬度未知的div如何實現居中，列舉全部能實現的方法；
• let const var的區別；
• 如何實現數組、對象的深拷貝，列舉全部方法；
• typeof undefined? typeof null?
• undefined==undefined、undefined===undefined、null==null、null===null、NaN==NaN、NaN===NaN；
• 如何實現類；
• 介紹一下單例模式；
• ES5如何實現單例；
• ES6的class如何實現單例；
• 多個promise如何實現串聯；
• promise的all和race的區別；
• 介紹一下async和await；
• 介紹一下fetch；
• 用過axios嗎，知道他如何作請求劫持分發嗎；
• Vue如何實現雙向數據綁定；
• Vue組件之間如何通訊(父->子、子->父、兄弟之間)；
• Vue如何處理數據流(Vuex，EventBus的$emit和$on)；
• Vuex都有哪部分組成(state、mutation、action、getter)；
• Vuex中mutation和action哪個是處理異步操做的(action)；
• vue-router如何處理’/xxx/a|b|c|d’這樣子的路由(/xxx/:id)；
• vue-router‘/xxx/:id’這樣子的路由如何獲取到id值；
• vue-router如何作路由的跳轉(標籤&實例方法兩種)；
• 對工程化有什麼瞭解；
• 數據可視化，用過threejs和echarts嗎;
• Nodejs大概會到什麼程度；
• Nodejs的res.send和res.json的區別；
• 你有什麼問題嗎

還有一些問題記不太清了，問的很細，就是css->js基礎->es6->框架->工程化相關->nodejs，因爲我在公司css寫的少因此面試官css和佈局也問的比較少；

二面

二面leader說一面面的已經很不錯了，二面也沒啥要問的了，就聊一聊本身的狀況介紹一下這個組的主要工做；