2017暑期實習面試總結（前端方向）

2017的暑期實習面試到如今差很少都結束了，算下來本身也投了十幾家簡歷，經歷的差很少十場筆試，現場和電話面試也差很少有五六家公司。雖然最後只拿到兩個offer，所幸是本身期待的公司，下面從試題開始總結一下找實習這段時間的收穫和給你們的一點建議，但願有所幫助。

面試結果

題主一共面試了五家公司，最後是拿到了去哪兒網和騰訊的offer，參與現場面試和電話面試的公司裏，CVTE和阿里掛在了HR面，今日頭條掛在一面。下面我按照面試的順序，主要說說這幾家公司的面試經歷和收穫。

阿里（非內推，散招，阿里雲）

阿里雲的面試是散招，沒有經過官網的渠道，當時應該仍是2月份，剛開學沒幾天，寒假忙着作一個小項目，也沒有系統的複習，加上是個人第一次面試，答的很是糟糕，一面就掛了。
主要問題以下：

1：如何選擇前端這個方向
2：Vue雙向數據綁定的實現
3：react和vue有哪些不一樣 說說你對這兩個框架的見解
4：let和const的區別
5：const類型的數組能夠向其再push一個元素嗎
6：平時用了es6的哪些特性，體驗如何
7：瀏覽器原生支持module嗎，若是支持，會帶來哪些便利
8：介紹一下你對webpack的理解，和gulp有什麼不一樣
9：webpack打包速度慢，你以爲可能的緣由是什麼，該如何解決
10：http響應中content-type包含哪些內容
11：瀏覽器緩存有哪些，一般緩存有哪幾種方式
12：如何取出一個數組裏的圖片並按順序顯示出來
13：平時是怎麼學新技術的
14：Node，Koa用的怎麼樣
15：使用模塊化加載時，模塊加載的順序是怎樣的，若是不知道，根據已有的知識，你以爲順序應該是怎麼樣的

阿里（內推，螞蟻金服）

阿里一面

面試官在上午打來電話，當時因爲還有課而且有了上次失敗的經歷有點緊張，就直接推到了下午四點鐘。

1:  爲何選擇前端這個方向，說一下本身的學習歷程
2:  介紹一下閉包和閉包經常使用場景
3:  爲何會出現閉包這種東西，解決了什麼問題
4:  介紹一下你所瞭解的做用域鏈,做用域鏈的盡頭是什麼，爲何
5:  一個Ajax創建的過程是怎樣的，主要用到哪些狀態碼
6:  說說你還知道的其餘狀態碼，狀態碼的存在解決了什麼問題
7:  知道語義化嗎？說說你理解的語義化，若是是你，平時會怎麼作來保證語義化
8:  說說content-box和border-box，爲何看起來content-box更合理，可是仍是常用border-box
9:  介紹一下你知道的瀏覽器緩存，分哪幾種，經過什麼方式實現，各有什麼優缺點，有那些坑要注意
10: 願意來杭州實習嗎

此次面試，沒有問框架、工具相關的問題，很是基礎，面試官的問題基本上都回答上來了，當場就給我過了，還加了微信，留了電話。感受很好，彷佛又有了一點自信。
當時從此次面試的題目能夠發現，雖然阿里的面試官問的都是很基礎的問題，平時作作功課均可以回答上來，可是面試官問到了不少爲何有這個東西，這個東西解決了什麼問題，若是是你，你會怎麼作這種須要本身去總結和思考的問題，若是單純的記憶知識點是很難回答好的。並且這些問題沒有統一標準的答案，每一個面試者均可以有本身的看法，須要你們在平時的學習中多總結、多思考纔能有比較好的回答。

阿里二面

阿里二面在一面結束9天才來到，一度覺得本身掛了，最後微信上敲了一下一面面試官，差很少一個小時後二面電話就過來了，我記得是週五的晚上9:30。

1: 自我介紹，我提到了對數據可視化很感興趣
2: 說說你對數據可視化的理解，和普通的WEB開發有什麼不一樣
3: 知道經常使用的數據結構有哪些（由於提到了沒有學數據結構與算法這門課）
4: 數據可視化的經常使用工具備哪些
5: 數據分析和數據挖掘的經常使用方法有哪些
6: 若是給你一個四維一億條數據，如何找出其中關聯性比較大的幾條數據
7: 若是讓你設計一個展現人際關係網的可視化界面，你會怎麼設計，依據是什麼
8: 若是讓你設計一個展現某個地區包裹存留數量的可視化界面，你會怎麼設計，依據是什麼
9: 若是要表示密集性，你以爲能夠經過哪些方式來表示
10: 若是要表示層次性，你以爲能夠經過哪些方式來表示

此次面試問的我一頭霧水，基本沒有前端方面的基礎知識，最後一面面試官和我說是考察一下潛力和思想的開放性、延伸性。感受答得不太好，不過最後仍是過了。

阿里三面

三面不知道是否是交叉面，不過此次面試面試官說他是北京的（以前都是杭州）。

1: 自我介紹，又提到了數據可視化（蠢哭）
2: 介紹一下你的學習歷程和學習方法
3: 介紹一下你的項目
4: 你是怎麼協調團隊項目的，你以爲要注意哪些問題
5: 你在團隊項目中遇到過最大的難題是什麼，怎麼解決的
6: 介紹一下HTML5的新特性，怎麼理解這些新特性
7: 平時關注新技術嗎，經過哪些渠道，怎麼看待新技術
8: 任意連續的三個正整數相乘，必定能被6整除嗎，爲何
9: 對本身將來的規劃是怎樣的，想去哪裏實習

三面感受還不錯，由於沒有什麼技術問題，也無法很客觀的判斷答得好很差，可是基本上是說出了本身的想法和看法。

阿里HR面

HR面的具體問題我就不寫了，基本就那麼幾個問題，大同小異。不過這一面須要注意的問題確實最多的，我後面再寫在一塊兒。
反正，最後知道我是被HR掛掉了。

CVTE（校招）

CVTE是現場面試，當時在一家酒店，我很早就過去了，流程還算順利，兩個小時就結束了。

CVTE一面

1:  自我介紹，怎麼學習，作了什麼東西
2:  介紹一下作過的項目
3:  [代碼題]在一個UI李有10個li，實現點擊對應的li，輸出對應的下標
4:  若是不用let應該怎麼實現，寫一下代碼，爲何
5:  [代碼題]實現三個DIV等分排布在一行（考察border-box）
6:  爲DIV設置的背景顏色默認會延伸到哪裏

CVTE二面

1: 說說你知道JavaScript的內存回收機制
2: [代碼題]給出一個綁定點擊事件的innerHTML操做，讓我講講有什麼問題（函數防抖）
3: [編程題]編程實現輸出一個數組中第N大的數據

CVTEHR面

和阿里同樣，被熱情溫柔的HR姐姐掛掉了。

今日頭條（校招）

1:  介紹一下你的學習歷程
2：介紹一下你作的項目
3： 問我Github上的一個輪播圖組件是怎麼實現的
4：實現兩欄佈局有哪些方法
5：設置width的flex元素，flex屬性值是多少
6：平時用ES6嗎？用了哪些特性
7：介紹一下你知道的瀏覽器的緩存
8：實際開發中，一般用那幾個字段配合使用來達到緩存的目的
9：get和post有什麼不一樣，越多越好
10：常見的狀態碼有哪些，常出如今哪些具體的場景中
11：cookie和session有什麼聯繫和區別
12：[編程題] 判斷鏈表是否有環
13：[編程題] 輸出二叉樹的最小深度

今日頭條應該是我前端知識問的最爲詳細的一家公司，感受回答的還不錯，可是後面的兩道編程題我徹底不會，面試官很無奈，最後我只能掛了。也提醒一下各位朋友，其實這是很基礎的數據結構問題，只要學過通常你確定會，但是若是連這些都不會，也沒有公司敢要你。

去哪兒網（校招）

去哪兒是現場面試，也是在一家酒店。我一共只有兩面，技術一面，HR一面。

去哪兒一面

1: 自我介紹，前端學習歷程
2: 介紹一下項目，用了什麼技術，承擔了什麼職責
3: javaScript中的this是什麼，有什麼用，它的指向是什麼
4: 平時用了ES6的哪些特性，和ES5相比有什麼不一樣（上一個問題提到了）
5: 常見的狀態碼有哪些
6: [代碼題]寫一個快速排序
7: [場景題]怎麼實現從一個DIV左上角到右下角的移動，有哪些方法，都怎麼實現
8: 簡單介紹一下promise，他解決了什麼問題
9: 用Promise實現一個異步隊列應該怎麼實現

去哪兒HR面

感受去哪兒網的HR和以前的不太同樣，問了不少不同的問題。

1: 你作過什麼項目嗎？有什麼做用？
2: 讓我給他現場演示和解釋我作的一個組件
3: 讓我分析一下以前作過的一個項目的市場前景和實施的可行性
4: 讓我幫他解決一個問題（kindle使用微信推送書籍）

其餘的問題都是常規的關於將來規劃、家庭、自我發展等常見的問題，最後一個讓我幫他解決問題確實讓我有點措手不及，幸虧本身平時對電子產品比較瞭解，幫忙解決了。當場就給了我口頭offer。

騰訊（校招，MIG）

騰訊因爲人數太多了，面試戰線拉得比較長，橫跨兩天，共計三次。

騰訊一面

1: 自我介紹，爲何選這個方向
2: 爲何會走上IT這個方向（看我專業不是計算機相關） 
3: 平時是怎麼學習的，學過哪些東西
4: 介紹一下你簡歷上的項目
5: 知道Vue的雙向數據綁定是怎麼實現的嗎，和其餘框架有什麼不一樣
6: [代碼題]手寫一個組合繼承
7: [代碼題]深拷貝方案有哪些，手寫一個深拷貝
8: 判斷數組有哪些方法，可以100%準確嗎，100%準確的方法是哪一個
9: 跨域通訊有哪些方案，各有什麼不一樣
10: JSONP的具體實現原理是什麼，它是怎麼工做的
11: 多頁面通訊有哪些方案，各有什麼不一樣
12: 平時用了ES6哪些特性，體驗如何
13: 用Node幹過什麼，發佈過本身的NPM包嗎
14: 用Node實現一個用戶上傳文件的後臺服務應該怎麼作

騰訊二面

1: 自我介紹
2: 介紹一下你作的項目
3: 你作的最成功的項目是什麼，爲何，你以爲你從中收穫了什麼
4: 你以爲你作的最成功這個項目對你來講難度大嗎，難在哪裏
5: 在團隊協做中，你是怎麼解決團隊協調的問題的
6: 你以爲你在團隊中最核心的工做是什麼，對這個團隊有什麼不可替代的貢獻嗎
7: 跨域通訊有哪些方案，說說你瞭解的
8: 如今用的比較多的是什麼方案，使用場景有什麼差異
9: 爲何要選用Vue這個框架，他有什麼特色，與react和angluar有什麼不一樣
10: XSS和CSRF攻擊知道嗎，是什麼原理，怎麼檢測，怎麼防範，有什麼區別（這塊問了好久）
11: HTMLEncode一般在哪一個階段作，能夠被破解嗎
12: 對本身將來的規劃是怎樣的
13: 何時能夠來實習，能夠實習多久

騰訊HR面

騰訊的HR是個小哥哥，這讓我很不適應，不過有了前幾回的經驗，此次沒有說錯話。

面試中須要注意的一些問題

技術面試

技術面試最重要的固然是技術，可是對於應屆生來講更準確的說是基礎相關的技術。公司固然但願可以一開始就可以解決複雜問題，一開始就能夠當正式員工使用的實習生，可是這只是一個指望，在向這個目標看齊的時候，應該先審視一下自身是否有這樣的實力，簡單的說就是必定打好基礎。
具體到前端的方向就是，最基礎的知識要保證到你必定是瞭解的準確而且全面的。若是面試官，問你塊級元素和行內元素有什麼區別你都說不清，說不完整，就算你用React、Vue等框架作個好幾大大型項目也會讓面試官對你的印象大打折扣。
對於瞭解的不清楚，只知其一;不知其二的知識點，最好的選擇是直接說我不會，由於不會會給面試官你只是沒有學習這個知識點的印象，而只知其一;不知其二卻會給面試官留下學習知識不繫統、不深刻、缺少本身的思考這些全局性的壞印象。固然若是你不會的知識點若是太多了，那說明你離面試官要求的水準還差不少，仍是回去好好複習比較好。
同時對於本身熟悉的知識點，要學會延伸和比較，好比去哪兒網的那道題，this的問題，知道this的做用，this的指向固然很好，可是若是你還知道this在ES5及以前以及ES6/ES7中有什麼不一樣，爲何要作出這樣的改變，解決了哪些棘手的問題相信會更好。
還有須要補充的一點就是，對於前端來講，數據結構和算法一樣重要。沒有被問到只是運氣好，在之後業務邏輯和代碼變複雜以後，若是沒有良好的數據結構和算法基礎，應對起來會很是吃力。
這裏推薦一下本身的數據結構和算法的學習筆記：
前端數據結構和算法：github.com/ovenzeze/

HR面試

對於HR來講，她關注的點和技術面試官是有很大不一樣的，技術面試官更關注你技術水平可否爲這家公司創造對應的價值。而HR更關注的是，這我的是否可以爲這家公司持續效力，簡單的說就是HR最關注你工做後會不會跳槽。固然也會關注你是否是可以匹配當前的工做，可是相對於你工做的穩定性來講這些都是次要的，若是你人都走了，水平再高，也沒有任何意義。因此HR面試的時候，雷區就是意向工做城市和公司或者部門所能提供的城市不匹配，或者有必定會影響到你工做城市的因素（好比女友）。固然若是對城市有100%的要求，提早和HR溝通好固然是最好的，可是若是沒有必定要去的城市就不要過多的表達想去某個特定城市的意願。最後但願你們都能找到好的實習。