2018年前端大廠面試題(百度,阿里,滴滴,去哪兒網.....)

花啵啵bor發表於2018-10-20

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

度娘

首先會自我介紹,建議大家一定要說~說你偏向的方向!!!,比如偏向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是怎麼渲染的。
..... 努力回憶中......

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

相關文章