摘要：的暑期實習面試到現在差不多都結束了，算下來自己也投了十幾家簡歷，經歷的差不多十場筆試，現場和電話面試也差不多有五六家公司。阿里三面三面不知道是不是交叉面，不過這次面試面試官說他是北京的之前都是杭州。

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掛掉了。

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

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

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

和阿里一樣，被熱情溫柔的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和之前的不太一樣，問了很多不一樣的問題。

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

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

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

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是個小哥哥，這讓我很不適應，不過有了前幾次的經驗，這次沒有說錯話。

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

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