本文是根據面試時間,對個人求職過程中的所有面試進行了彙總,大小類型的公司都有。由于面試時間問題,面試的問題難免會有一些疏漏。
建議:面試完多總結,面試中遇到的不會的,一定要搞懂。多看别人的面經,看到不懂的也盡量弄懂。畢竟面試很大一部分問題是差不多的,其他就靠個人的平時積累了。
此外:也對面試中常見的問題進行了彙總,并給出了答案,供大家參考,附連結:
前端面試筆試知識彙總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矢量圖示的優點:
-
- 加載檔案體積小。
- 可以直接通過css的font-size,color修改它的大小和顔色,對于需要縮放多個尺寸的圖示,是個很好的解決方案。
- 支援一些css3對文字的效果,例如:陰影、旋轉、透明度。
- 相容低版本浏覽器。
缺點:
-
- 矢量圖隻能是純色的。
- 制作門檻高,耗時長,維護成本也很高。
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(這個問題,前端肯定都寫啊)
做一個智力題(沒做出來。。。)
簡單了解一些基本資訊
為啥學前端
願意做後端嗎?
你會怎樣選擇一家公司
你覺得我們公司怎麼樣?(去了宣講會,但沒認真聽,說了下蠻好的,然後說不出其他的呢)
期望工作地點,薪資
總結:進去應該還是可以學到很多,做背景我還是願意的,可以學到很多啊。
樹林美麗、幽暗而深邃,但我有諾言尚待實作,還要奔行百裡方可沉睡。 -- 羅伯特·弗羅斯特