天天看點

2017年秋季校招前端面經(百度,騰訊,網易,華為,樂視等)

本文是根據面試時間,對個人求職過程中的所有面試進行了彙總,大小類型的公司都有。由于面試時間問題,面試的問題難免會有一些疏漏。

建議:面試完多總結,面試中遇到的不會的,一定要搞懂。多看别人的面經,看到不懂的也盡量弄懂。畢竟面試很大一部分問題是差不多的,其他就靠個人的平時積累了。

此外:也對面試中常見的問題進行了彙總,并給出了答案,供大家參考,附連結:

前端面試筆試知識彙總1(含答案);

前端面試筆試知識彙總2(含答案);

前端面試筆試知識彙總3(含答案);

最後在附上 師妹今年校招前端面經:

前端 2018 屆校招筆試面經【百度,阿裡,騰訊,阿裡文娛,攜程,美團,拼多多】

 華為實習生面試(人生第一面,4月份):那時候學了前端兩月有餘,很多傻傻不知道。

面試官人蠻好的,問了很多我都不知道,是以什麼方面都問了一些,不過最後還是說了句,算你過了。

技術面:

  自我介紹語言混,沒有邏輯估,估計30多秒。

  問了一個排序算法的優化(具體算法名字忘了)

  網絡安全方面的問題

  履歷的項目描述(沒有總結過,說的很渣)

  對測試的一些了解

  子產品化開發了解嗎

  如何編寫代碼

  網站性能優化的方法

  要不要做測試(我說不要)

HR面:

  自我介紹

  你的優勢(最好自己先總結好)

  如果面試沒通過,你覺得原因是什麼

  為什麼想來華為

  曾經面臨的最大困難,解決辦法

綜面(8月下旬):

  具體沒啥問題,就是針對履歷來問的一些基本資訊。

  總結:但是因為隻會前端的,還有前端的項目比較簡單,還有就是大學學校,這些加在一起被歧視了......(這些你可以從面試官說話的語氣感覺出來)

  最後,沒有收到優招通過的短信。我同學收到了通過的短信,最後也沒有被叫去簽,華為資源池是有多大啊。

  在優招之前,還收到了某部門的短信,說是我們這些人被選中了,組建了一個微信群,HR讓我們不要去其他部門,經常說該部門怎麼樣,隻要優招再面一次就可以加入華為。還好自己也沒抱希望于華為,即使這樣還是很認真的學習前端的東西,不然人生還真是毀了。人啊,永遠不要寄希望與别人。

阿裡實習生面試(5月份)

  有沒有項目經曆(無);

  對象屬性的周遊;

  promise的實作;

  樣式的優先級;

  一道簡單的對象引用問題

  用js寫過什麼(我說瀑布流,但是臨場就寫了一點點)

  一道js題目(關于引用的)

  還有其他一些題目忘了......

  總結:我剛見面就說自己才學了幾個月,然後面試官就說你這是在讓我(具體說啥忘了),其實這句話,就暴露出我的不自信,也讓面試官直接就否定了我。後面其實就是應付下我。

  

大衆點評(6月底,第一次電話面試)

  自我介紹(雜亂,直接被面試官終止了,估計聽不下去了)

  css display屬性有哪些值,各有什麼表現;(不知道為什麼,這個問題就是聽不清楚........重複了好多遍(尴尬))

  position屬性的值

  盒模型和box-sizing

  三級菜單的實作,簡單描述下你的實作過程;不用架構

  一個table,點選按鈕,實作某一列的重新整理,不能采用架構,簡單描述下實作過程

  事件綁定的具體實作...事件移除

  ajax的實作

  對MVC有了解嗎;這個表示知道有這個,但是不是很了解;也就簡單的說了下

  nodejs知道嗎;那時候對noedjs一知半解的。

  你覺得應該重點掌握哪些知識;我答原生js, 他補充:除了原生js之外,去了解一些架構,nodejs等,

  頁面的渲染過程(大概是這樣)

  json是什麼的縮寫

  緩存機制

  dom2和dom0之間的差別

  dom3新增加了哪些特性,哪些已經被完全接受了

  json是什麼的縮寫(自己給自己挖的坑)

  http請求有哪些,post和get有什麼不一樣

  手機某一行均分為四個,不知道尺寸的情況下(這道題不是很了解,我說百分比,他說不知道尺寸,相容各個螢幕,(媒體查詢,rem,自己瞎猜的))

  總結:這時候,自己也看過很多書了,前端基本有些了解,但是還是存在很多不懂的。

騰訊TST面試(8月初,電話面試)

  項目介紹:(遇到的難點以及解決辦法)這裡我還得提煉提煉;

  iconfont矢量圖示的優點:

    1. 加載檔案體積小。
    2. 可以直接通過css的font-size,color修改它的大小和顔色,對于需要縮放多個尺寸的圖示,是個很好的解決方案。
    3. 支援一些css3對文字的效果,例如:陰影、旋轉、透明度。
    4. 相容低版本浏覽器。

缺點:

    1. 矢量圖隻能是純色的。
    2. 制作門檻高,耗時長,維護成本也很高。

  Dom0級和dom2級事件之間的差別;

  代理模式的好處在哪裡:對性能有怎樣的影響;

  web緩存,浏覽器怎麼知道要從緩存擷取;禁止緩存,期限,修改

  cookies,每次請求是否帶cookie,不同域的網頁怎麼擷取同一個cookie

  原生ajax的實作,具體思路

  談一談http狀态碼

  談一談flexbox,講一講哪些浏覽器已經支援。

  實作跨域的方法,跨域包括(端口,域名,)iframe實作跨域的具體方法;

  時鐘7點15分的夾角是多少度(時針和分針)

  冒泡和捕捉,取消冒泡,阻止預設事件;

  了解webp的圖檔格式;

  總結:老實說,我對内推根部就不報啥期望,結果竟然有機會面了一次,還是騰訊啊。面試官人非常好,你不會的他會一點一點去引導你,并且全程一直很和氣。面試體驗很好呢。

科華恒盛(9月上旬,電話面試)

技術面: 

  簡單的項目介紹,沒有問項目遇到的難點;

  post get的差別;

  多個ajax怎麼處理

  閉包的概念;

  基本資料類型;

  this的問題;

  call apply之間的差別;

  有沒有用過sass之類的

  事件循環

  null和defined的差別

  this的了解

  個人的一些基本資訊的來哦接;

  期望工作地點薪資;

  對公司的了解;

  總結:科華是第一給我發offer的。總體感覺其實還好,就是公司偏硬體,感覺以後對個人發展不好。

中興(9月中旬)

  投的是軟體方向的。。。

  對C語言了解哪些

  說一下政策模式,并畫類圖(js設計模式表示沒有類圖,不會畫)

  了解哪些排序算法

  二叉樹中序周遊的代碼(不會寫)

  資料庫的一個指令(具體忘了,不會)

  總結:面了總共10多分鐘吧,很快。很多不會,自然挂了。面試體驗很好,面試官對你很好,你說不會他說沒關系,一直笑呵呵。你走的時候還熱情歡送,出門直接挂你。哎,真是笑裡藏刀啊。

酷家樂(9月下旬)

  首先是一道程式設計題:我想多了,沒有了解題意,最後時間不夠,代碼沒寫完。

  就問了三個智力問題:

  期間讓我寫一個智力題的算法,我說不會寫,

  第三個智力題沒想出來怎麼做;

網易(9月下旬):

  前端學了多久

  節點的拷貝

  基本資料類型

  深度拷貝的實作(對象)

  width:(100%);border:1px splid red;這樣子有什麼問題(不知道)

  前端的一些攻擊有了解嗎,簡單說下

  項目的難點(不要說那種你解決了,但是不知道什麼原因的)

  了解過nodejs和es6嗎

  檢驗網址的正則

  原生ajax

  call和apply的差別

  垃圾回收的方法,具體描述每一種方法

  性能優化方法

  事件委托的缺點

  判斷數組的方法(isArray, toString())

  總結:第一次面試網際網路大公司,真的很緊張啊。面試官應該也感覺到了。當然自己也知道自己回答的很差,挂了很正常。

樂視(9月下旬)

 技術面1:

  問實習做的一些事情,問的挺深入,然而我忘了怎麼做的,支支吾吾說了一些,最後面試官就說你可能真的忘了:

  閉包

  變量提升

  jquery中ajax的寫法

  原型鍊

  盒模型

  去掉空白的正則

  看過那些書(進階程式設計看了幾遍,有啥收獲)

  math.random的範圍

 技術面2(是一個架構師,沒問技術的):

  項目的難點和解決方法

  你的優勢

  後面就是針對履歷上寫的他比較感興趣的進行提問

  比如我當班長,參加智能車比賽的經曆等其他的

  職業規劃

  自我介紹;

  為什麼學前端

  對樂視的了解

  年齡也聊了一下(說我比較小...)

  遇到過的困難

  你手上有哪些offer

  有用過樂視的産品嗎(我說沒有,HR說為啥不買?應該說買了樂視電視的......)

  總結:據說樂視HR面主要看你的表達能力和是否符合企業文化。樂視就第一面面的比較差,我沒想到他會問的那麼深入,自然也就沒有準備過。前面和後面的面試都沒有像他一樣,問我的實習經曆。不過還好讓我過了。二面是一個架構師,後面他還談了自己作為架構師的一些感想,不過很多不能體會,是以聽了很快就忘了,但是感覺确實比較牛,人也很好。HR面的時候,全程注視着她。以前和别人交流的時候,我都不會看别人,現在我終于學會了看别人了,很高興啊。

百度(9月下旬):

一面:

  js基本資料類型

  如何自己實作一個alert

  居中的方法

  繼承的實作(代碼)

  ajax原生代碼

  兩欄的實作(響應式的);如何實作拖動滑鼠實作一邊變大,一邊減小。

  flex的了解

  寫一個鍊式調用;

  移動端meta 的一些設定

  網格的實作方法

  媒體查詢

  閉包的概念和作用

  項目的難點

二面:

  為什麼學習前端,怎麼學的

  三個tab頁面,實作代碼(我先給出一個一般的代碼,後面又給出了優化,總體而言,面試官還是比較滿意的)

  你的優勢,劣勢(會讓你說一下具體展現)

  import和link的差別(說了一下,面試官說,你不了解吧?我,嗯)

  性能優化方法(面試官說這些比較舊了,有沒有新的方法)

  為什麼cdn比較快;

  怎樣減少http請求次數

  對加密算法了解嗎,怎樣設計一個加密算法

  前端的攻擊有了解過嗎

  看過那些書

  了解設計模式嗎(我說了單例和觀察者模式,并寫了下代碼,介紹有啥作用)

  用過哪些自動化建構工具,怎麼用的

  最近在學什麼

  有沒有寫過插件,用js寫過什麼(然後就是具體描述怎麼實作的)

  對資料庫的了解

三面:

  一道算法題;代碼實作,讓優化(經提醒還是不會優化);

  聊對前端的看法

  人生規劃

  為什麼選擇這所學校

  你的優缺點(無論是性格,還是跟其他前端應聘者的相比優勢,總共說了5,6點,每一點都有具體事例說明。面試官帶着神之微笑說,你還很了解自己的嗎!?)

  總之後面就是各種聊

  總結:個人覺得自己還是蠻幸運的。之前也看過網上的一些面經,發現他們的比我難多了。面試的時候,面試官真的蠻重要的。就好比華為實習生面試的的技術面試官人就很好。當然,百度面試的體驗也很好。一面的時候,來的有點晚,跑着過去的。到大廳,簽到,剛坐下,就輪到我面試。進了面試官房間,自我介紹的時候,還有點小喘息。面試官也很好,他說一面就問基礎的,不問其他的。還好在面試百度的時候,自己也經曆過了一些面試,總體而言沒有那麼緊張了。最後自己也很幸運的通過了百度的面試。

騰訊(9月下旬)

技術面(女面試官):

  先做一張試卷(10道題,有些深度,還有機率論,涉及蠻廣的);做的比較差

  試卷題目:

    1、将一篇文章的每個單詞首字母大寫;不改變原有的格式

    2、給你一個url,判斷是否是同一個域名(qq.com)下的

    3、原生ajax

    4、angular的優缺點

    5、csrf攻擊,怎麼阻止

    6、上線後,如何監控網站

    7、機率論問題

    8、打不開網站,什麼原因造成的,解決辦法

    9、如何實作跨浏覽存儲

    10、還有一個具體是啥忘了

  就試題做的情況簡單聊了一下

  後面在問了一些就結束了

  總結:騰訊之前筆試全是c++,結果這次面試之前先讓做一份試卷,也是醉了,也确實可以看出騰訊對應聘者要求懂很多,百度給我的感覺更加注重基礎。女面試官全程比較嚴肅,沒有微笑。在我之前的是一個女生,她還在騰訊實習過,最後結束的時候,她問面試官,就這樣嗎?(她也覺得面試聊得太少了,不敢相信這樣就結束了。)面試官說,是的。 是以面試官說就到這裡的時候,我也沒說啥,知道說了也沒啥用。直接背包走人。

遠景能源(9月下旬)

沒有筆試,直接拉去面試,誰知道面試之前還要做兩道算法題,隻做出了一道。。。

  react虛拟DOM為什麼有優勢,我用原生的為啥就慢,是什麼原因;

  網站打開比較卡,你怎麼優化;

  linix知道嗎?

  對H5的了解;

  webscoket會用嗎(不會)

  對資料庫了解哪些?

  canvas為什麼會出現,用來做什麼的;

  你們做的項目,用的是什麼伺服器,或者說在哪裡跑(我說背景搞得,我不知道,然後臉色就變了,就這個問題說了一會,說我連這個都不知道......然後面試到此結束,出來直接挂)

  總結:所有面試中,面試面的最不爽的一次。首

先面試官态度傲慢,其次面試官坐姿太屌絲了,穿着中褲,腳踩在桌子腳上,一副吊兒郎當的樣子,最後面試沒問前端的基礎,就是各種瞎比比。我的的同學(其他

崗位的),不到3分鐘就出來,直接說你不合适,不是我們想要的人。我擦,你好歹面一下吧,人家來了,筆試了,不面直接讓走人,我也是醉了。一句話,遠景面

試逼格很高,比bat還高。當然也有一個同學面過了,因為研究方向比較符合他們公司。

網龍(9月下旬)

  h5的新添加的特性;

  css3新增的特性;

  如何判斷一個頁面是H5;

  網站性能優化方法

  ajax原生js實作

  為什麼選擇前端

  你是怎麼擷取前端知識的,遇到問題怎麼解決

  localstroage和sessionstorage的差別

  一些私人問題;

  為什麼學前端,你的專業是機械的

  你對自己的規劃

  你會怎樣選擇一家公司,會考慮哪些因素

  其他一些問題忘了

  總結:總體感覺技術面比較簡單,也沒有那麼緊張了。面對面試官的時候,心情很平靜。可能是之前已經面過一些大公司了,自己對面試中不懂得也進行了總結,是以問的東西基本都知道。

有贊(10月)

有贊的面試應該是簡尋上來的

技術面1:

  前端學習方法

  看過什麼書

  跨域的了解,有使用過嗎,cors知道嗎

  數組去重的方法,說了幾種,感覺他不是很滿意

  事件的綁定取消冒泡等

  繼承方式

  建立對象方式

  給你一個空函數,加new和不加new的差別

技術面2(視訊面,兩個人): 

  有哪些需要nodejs環境(是自己之前說有些依賴nodejs,然後他就問哪些)

  為什麼來這所學校

  找到工作後的規劃(主要指在學校這段時間)

  es6哪些特性比較吸引你

  談談研究所學生生活

  總結:這個面試是後面補得,之前忘了寫...很多問題已經忘了。最後面試沒有通過,問題可能出在:不能去實習,還有就是一些開放性問題答得不是很好。邏輯有些混亂。

海康威視(10月中旬)

先筆試,前端題目是java。。。不會,随便寫了一些,最後意外獲得了面試資格。

  不用自我介紹,直接介紹自己的優勢

  盒模型;

  怎麼解決不同浏覽器盒子大小顯示不一樣問題。

  事件機制,捕捉冒泡,綁定事件,阻止預設事件

  繼承,原型

  後序周遊的實作代碼(不會)

  h5和css3有了解嗎

  事件委托機制了解嗎

  jquery的使用

  如何在頁面中插入一些資料(appendchild,innerHTML)

HR面

  以後的職業規劃

  項目遇到的難點,還有你是怎麼解決的

  一些私人問題

  用三個詞形容自己(具體說明)

  期望薪資

  為什麼選擇這所學校(研究所學生學校)

  有沒有其他offer

  總結:技術面10多分鐘結束,好像HR面時間還長一些。。。技術面的面試官一個人要面前端,安卓,java,而且還是一早上從杭州趕過來的,也是很辛苦啊。據說當晚就回去了。。。HR姐姐蠻漂亮的,能笑一笑就更好看了。

趣醫網(10月中旬)

現場手機測評+加筆試。

技術面1(主要根據履歷問):

  css,ajax的英文名字,ajax可以同步嗎

  http的端口号,ftp的端口号(說錯了)

  restful(不知道)

  gulp的一些使用

  快排實作的原理

  position,float的值

  cookie和session的關系和差別

  大學學了什麼語言

  c++和js有什麼差別

  了解哪些算法

  棧和隊列

  H5和css3的新特性

  行内元素怎麼設定高度(挖坑。。。不能設定,可以設定line-height)

技術面2:

  對資料結構了解嗎  

  看過那些書;

  願意做背景嗎

  平時寫的是js還是html(這個問題,前端肯定都寫啊)

  做一個智力題(沒做出來。。。)

  簡單了解一些基本資訊

  為啥學前端

  願意做後端嗎?

  你會怎樣選擇一家公司

  你覺得我們公司怎麼樣?(去了宣講會,但沒認真聽,說了下蠻好的,然後說不出其他的呢)

  期望工作地點,薪資

  總結:進去應該還是可以學到很多,做背景我還是願意的,可以學到很多啊。

 

樹林美麗、幽暗而深邃,但我有諾言尚待實作,還要奔行百裡方可沉睡。 -- 羅伯特·弗羅斯特

繼續閱讀