2018年前端大廠面試題（百度，阿里，滴滴，去哪兒網.....）

小女子非本專業畢業，原為種花專業戶（園林）但是熱愛網際網路事業，幹起了前端，日子不長，近日面了幾家大廠（主要還是簡歷寫得好，要不然非本專業感覺收不到大廠面試），總結一波面試題，還請各位一起討論討論～

度娘

首先會自我介紹，建議大家一定要說～說你偏向的方向！！！，比如偏向js還是css，移動端還是pc端，業務端還是技術底層。（有含量的面試官不會為難你不偏向的地方！remember ❤）

css：

• 說說盒模型：標準（w3c），怪異（IE），平時專案中用哪一種，為什麼？
• css優先順序以及權重，出題～
• transform有哪些屬性，最常用的是哪些，分別代表什麼？
  • 一定要注意問的不是transation
• 移動端佈局用的什麼方式，說一下rem和em的區別，阿里面的時候問到移動端怎麼適配font-size？
• 響應式佈局的方式？
• 垂直居中的方式，完美居中呢？

js：

• 閉包列印，在內部console和外部console的區別？怎麼實現0～10
• 如何獲取一個陣列的最大值
• 效能優化方案，在專案哪些地方用到過（注意需要有條理，然後結合專案）
• dns-perfetch用法
• 判斷陣列的方式
• 判斷空物件方法（阿里問到過）
• 改變上下文環境的方式，call和apply和bind的區別
• 繫結事件的幾種方式有什麼區別
• for in 和 for of 有什麼區別，為什麼for...of不能遍歷物件

框架（react）

• react生命週期
• 中介軟體概念
• 傳值問題（父傳子，兄弟傳值注意這裡可以通過redux）
• redux瞭解多少（重點）
• 如何搭建一個專案
• react的高階元件在專案中用過哪些
• react做過什麼效能優化嗎
• 在專案中遇到過什麼問題如何解決
• 二叉樹遍歷通過id找到之前的所有，獲取所有父節點

..... 努力回憶中......

滴滴

一面，二面，三面，三個人前兩個問的都在重複問題。

css：

• 實現珊欄佈局
• 脫離文件流的原理
• BFC

js：

• 遞迴通過id找name（手寫）：（我就說過出來混總要還的，度娘就問過我）
• jsonp如何實現
• 跨域的本質
• 跨域的方式，在工作中用到的跨域解決方案
• cookie有什麼屬性，怎麼設定，在什麼情況下設定
• 如何清楚快取
• 快取一些屬性存放在哪裡header，response

框架（react）

• 虛擬dom是在哪裡存在的
• 為什麼虛擬dom快，為什麼操作dom耗效能，為什麼會重排重繪，為什麼重排重繪耗效能，渲染機制（你妹的給我答懵逼了?）
• angular的髒檢查機制為什麼髒
• 如何學習前端，如何解決（必問）

..... 努力回憶中......

阿里爸爸

一面

不得不說阿里粑粑真的是問的有含量，深入淺出，一層層擊退你的防禦～ 就看你的深度～

css：

• 定位的幾種方式？
  1. position：relative，absolute，fixed，stasti並說出了區別以及使用場景
  2. 我以為就結束了呵呵呵是我太天真，繼續問我relative會導致重繪嗎？?我～emmm廢話，relative在標準文件流中會引起重排，absolute和fixed脫離文件流。
  3. 還是太天真，繼續問我relative基於自身的移動和translate有什麼區別，它的原點在哪裡，what～行啵第一次遇到這樣問的～
• 如何實現0.5細線，實現outline0.5邊框並且有圓角怎麼辦？
  • 微笑如我.....完美～

    border-radius: 30%;
    border: 5px solid red;
    box-shadow: 0 0 0 5px darkorange;
    複製程式碼

• *2說說rem和em，你們在移動端專案怎麼相容不同螢幕的font-size～
• 如何實現垂直居中

js：

• 陣列去重來一波
• 給兩個dom物件，判斷他們的關係父子
• 查詢父節點下所有含有指定class的dom元素
• 介紹一下專案遇到的問題，怎麼解決，用到哪些技術棧

..... 努力回憶中.......

去哪網

不得不說一面的小哥哥簡直溫柔，不懂還主動給我講～～～～

css：

此處沒有css，因為那個部門是做底層架構的！

js：

• new String(),String('1'),'1'的區別
• new Array(1),[1,1]的區別
• for of為什麼遍歷物件報錯
• 解構
• new promise().all,即使有幾個失敗但是仍然返回
• new promise()不管成功失敗5s截獲
• +[],+{},+'1',+'1a',+[1],+{1},+symbol,為什麼
• generater函式如何獲取state
• fetch和ajax有什麼區別
• react的有key和沒有key，dom是怎麼渲染的。

..... 努力回憶中......

❤ 總結： 大概就想起來這麼多，面試時候千萬不可以緊張，因為緊張就會影響邏輯～好咯學習去咯，下週還有百度面試～祝我好運麼麼噠，待我下週回來繼續更～