摘要：的暑期實(shí)習(xí)面試到現(xiàn)在差不多都結(jié)束了，算下來(lái)自己也投了十幾家簡(jiǎn)歷，經(jīng)歷的差不多十場(chǎng)筆試，現(xiàn)場(chǎng)和電話面試也差不多有五六家公司。阿里三面三面不知道是不是交叉面，不過(guò)這次面試面試官說(shuō)他是北京的之前都是杭州。

2017的暑期實(shí)習(xí)面試到現(xiàn)在差不多都結(jié)束了，算下來(lái)自己也投了十幾家簡(jiǎn)歷，經(jīng)歷的差不多十場(chǎng)筆試，現(xiàn)場(chǎng)和電話面試也差不多有五六家公司。雖然最后只拿到兩個(gè)offer，所幸是自己期待的公司，下面從試題開(kāi)始總結(jié)一下找實(shí)習(xí)這段時(shí)間的收獲和給大家的一點(diǎn)建議，希望有所幫助。

題主一共面試了五家公司，最后是拿到了去哪兒網(wǎng)和騰訊的offer，參與現(xiàn)場(chǎng)面試和電話面試的公司里，CVTE和阿里掛在了HR面，今日頭條掛在一面。下面我按照面試的順序，主要說(shuō)說(shuō)這幾家公司的面試經(jīng)歷和收獲。

阿里云的面試是散招，沒(méi)有通過(guò)官網(wǎng)的渠道，當(dāng)時(shí)應(yīng)該還是2月份，剛開(kāi)學(xué)沒(méi)幾天，寒假忙著做一個(gè)小項(xiàng)目，也沒(méi)有系統(tǒng)的復(fù)習(xí)，加上是我的第一次面試，答的非常糟糕，一面就掛了。
主要問(wèn)題如下：

1：如何選擇前端這個(gè)方向
2：Vue雙向數(shù)據(jù)綁定的實(shí)現(xiàn)
3：react和vue有哪些不同 說(shuō)說(shuō)你對(duì)這兩個(gè)框架的看法
4：let和const的區(qū)別
5：const類型的數(shù)組可以向其再push一個(gè)元素嗎
6：平時(shí)用了es6的哪些特性，體驗(yàn)如何
7：瀏覽器原生支持module嗎，如果支持，會(huì)帶來(lái)哪些便利
8：介紹一下你對(duì)webpack的理解，和gulp有什么不同
9：webpack打包速度慢，你覺(jué)得可能的原因是什么，該如何解決
10：http響應(yīng)中content-type包含哪些內(nèi)容
11：瀏覽器緩存有哪些，通常緩存有哪幾種方式
12：如何取出一個(gè)數(shù)組里的圖片并按順序顯示出來(lái)
13：平時(shí)是怎么學(xué)新技術(shù)的
14：Node，Koa用的怎么樣
15：使用模塊化加載時(shí)，模塊加載的順序是怎樣的，如果不知道，根據(jù)已有的知識(shí)，你覺(jué)得順序應(yīng)該是怎么樣的

面試官在上午打來(lái)電話，當(dāng)時(shí)由于還有課并且有了上次失敗的經(jīng)歷有點(diǎn)緊張，就直接推到了下午四點(diǎn)鐘。

1:  為什么選擇前端這個(gè)方向，說(shuō)一下自己的學(xué)習(xí)歷程
2:  介紹一下閉包和閉包常用場(chǎng)景
3:  為什么會(huì)出現(xiàn)閉包這種東西，解決了什么問(wèn)題
4:  介紹一下你所了解的作用域鏈,作用域鏈的盡頭是什么，為什么
5:  一個(gè)Ajax建立的過(guò)程是怎樣的，主要用到哪些狀態(tài)碼
6:  說(shuō)說(shuō)你還知道的其他狀態(tài)碼，狀態(tài)碼的存在解決了什么問(wèn)題
7:  知道語(yǔ)義化嗎？說(shuō)說(shuō)你理解的語(yǔ)義化，如果是你，平時(shí)會(huì)怎么做來(lái)保證語(yǔ)義化
8:  說(shuō)說(shuō)content-box和border-box，為什么看起來(lái)content-box更合理，但是還是經(jīng)常使用border-box
9:  介紹一下你知道的瀏覽器緩存，分哪幾種，通過(guò)什么方式實(shí)現(xiàn)，各有什么優(yōu)缺點(diǎn)，有那些坑要注意
10: 愿意來(lái)杭州實(shí)習(xí)嗎

這次面試，沒(méi)有問(wèn)框架、工具相關(guān)的問(wèn)題，非常基礎(chǔ)，面試官的問(wèn)題基本上都回答上來(lái)了，當(dāng)場(chǎng)就給我過(guò)了，還加了微信，留了電話。感覺(jué)很好，似乎又有了一點(diǎn)自信。
當(dāng)時(shí)從這次面試的題目可以發(fā)現(xiàn)，雖然阿里的面試官問(wèn)的都是很基礎(chǔ)的問(wèn)題，平時(shí)做做功課都可以回答上來(lái)，但是面試官問(wèn)到了很多為什么有這個(gè)東西，這個(gè)東西解決了什么問(wèn)題，如果是你，你會(huì)怎么做這種需要自己去總結(jié)和思考的問(wèn)題，如果單純的記憶知識(shí)點(diǎn)是很難回答好的。而且這些問(wèn)題沒(méi)有統(tǒng)一標(biāo)準(zhǔn)的答案，每個(gè)面試者都可以有自己的見(jiàn)解，需要大家在平時(shí)的學(xué)習(xí)中多總結(jié)、多思考才能有比較好的回答。

阿里二面在一面結(jié)束9天才來(lái)到，一度以為自己掛了，最后微信上敲了一下一面面試官，差不多一個(gè)小時(shí)后二面電話就過(guò)來(lái)了，我記得是周五的晚上9:30。

1: 自我介紹，我提到了對(duì)數(shù)據(jù)可視化很感興趣
2: 說(shuō)說(shuō)你對(duì)數(shù)據(jù)可視化的理解，和普通的WEB開(kāi)發(fā)有什么不同
3: 知道常用的數(shù)據(jù)結(jié)構(gòu)有哪些（因?yàn)樘岬搅藳](méi)有學(xué)數(shù)據(jù)結(jié)構(gòu)與算法這門(mén)課）
4: 數(shù)據(jù)可視化的常用工具有哪些
5: 數(shù)據(jù)分析和數(shù)據(jù)挖掘的常用方法有哪些
6: 如果給你一個(gè)四維一億條數(shù)據(jù)，如何找出其中關(guān)聯(lián)性比較大的幾條數(shù)據(jù)
7: 如果讓你設(shè)計(jì)一個(gè)展示人際關(guān)系網(wǎng)的可視化界面，你會(huì)怎么設(shè)計(jì)，依據(jù)是什么
8: 如果讓你設(shè)計(jì)一個(gè)展示某個(gè)地區(qū)包裹存留數(shù)量的可視化界面，你會(huì)怎么設(shè)計(jì)，依據(jù)是什么
9: 如果要表示密集性，你覺(jué)得可以通過(guò)哪些方式來(lái)表示
10: 如果要表示層次性，你覺(jué)得可以通過(guò)哪些方式來(lái)表示

這次面試問(wèn)的我一頭霧水，基本沒(méi)有前端方面的基礎(chǔ)知識(shí)，最后一面面試官和我說(shuō)是考察一下潛力和思想的開(kāi)放性、延伸性。感覺(jué)答得不太好，不過(guò)最后還是過(guò)了。

三面不知道是不是交叉面，不過(guò)這次面試面試官說(shuō)他是北京的（之前都是杭州）。

1: 自我介紹，又提到了數(shù)據(jù)可視化（蠢哭）
2: 介紹一下你的學(xué)習(xí)歷程和學(xué)習(xí)方法
3: 介紹一下你的項(xiàng)目
4: 你是怎么協(xié)調(diào)團(tuán)隊(duì)項(xiàng)目的，你覺(jué)得要注意哪些問(wèn)題
5: 你在團(tuán)隊(duì)項(xiàng)目中遇到過(guò)最大的難題是什么，怎么解決的
6: 介紹一下HTML5的新特性，怎么理解這些新特性
7: 平時(shí)關(guān)注新技術(shù)嗎，通過(guò)哪些渠道，怎么看待新技術(shù)
8: 任意連續(xù)的三個(gè)正整數(shù)相乘，一定能被6整除嗎，為什么
9: 對(duì)自己未來(lái)的規(guī)劃是怎樣的，想去哪里實(shí)習(xí)

三面感覺(jué)還不錯(cuò)，因?yàn)闆](méi)有什么技術(shù)問(wèn)題，也沒(méi)法很客觀的判斷答得好不好，但是基本上是說(shuō)出了自己的想法和見(jiàn)解。

HR面的具體問(wèn)題我就不寫(xiě)了，基本就那么幾個(gè)問(wèn)題，大同小異。不過(guò)這一面需要注意的問(wèn)題確實(shí)最多的，我后面再寫(xiě)在一起。
反正，最后知道我是被HR掛掉了。

CVTE是現(xiàn)場(chǎng)面試，當(dāng)時(shí)在一家酒店，我很早就過(guò)去了，流程還算順利，兩個(gè)小時(shí)就結(jié)束了。

1:  自我介紹，怎么學(xué)習(xí)，做了什么東西
2:  介紹一下做過(guò)的項(xiàng)目
3:  [代碼題]在一個(gè)UI李有10個(gè)li，實(shí)現(xiàn)點(diǎn)擊對(duì)應(yīng)的li，輸出對(duì)應(yīng)的下標(biāo)
4:  如果不用let應(yīng)該怎么實(shí)現(xiàn)，寫(xiě)一下代碼，為什么
5:  [代碼題]實(shí)現(xiàn)三個(gè)DIV等分排布在一行（考察border-box）
6:  為DIV設(shè)置的背景顏色默認(rèn)會(huì)延伸到哪里

1: 說(shuō)說(shuō)你知道JavaScript的內(nèi)存回收機(jī)制
2: [代碼題]給出一個(gè)綁定點(diǎn)擊事件的innerHTML操作，讓我講講有什么問(wèn)題（函數(shù)防抖）
3: [編程題]編程實(shí)現(xiàn)輸出一個(gè)數(shù)組中第N大的數(shù)據(jù)

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

1:  介紹一下你的學(xué)習(xí)歷程
2：介紹一下你做的項(xiàng)目
3： 問(wèn)我Github上的一個(gè)輪播圖組件是怎么實(shí)現(xiàn)的
4：實(shí)現(xiàn)兩欄布局有哪些方法
5：設(shè)置width的flex元素，flex屬性值是多少
6：平時(shí)用ES6嗎？用了哪些特性
7：介紹一下你知道的瀏覽器的緩存
8：實(shí)際開(kāi)發(fā)中，通常用那幾個(gè)字段配合使用來(lái)達(dá)到緩存的目的
9：get和post有什么不同，越多越好
10：常見(jiàn)的狀態(tài)碼有哪些，常出現(xiàn)在哪些具體的場(chǎng)景中
11：cookie和session有什么聯(lián)系和區(qū)別
12：[編程題] 判斷鏈表是否有環(huán)
13：[編程題] 輸出二叉樹(shù)的最小深度

今日頭條應(yīng)該是我前端知識(shí)問(wèn)的最為詳細(xì)的一家公司，感覺(jué)回答的還不錯(cuò)，但是后面的兩道編程題我完全不會(huì)，面試官很無(wú)奈，最后我只能掛了。也提醒一下各位朋友，其實(shí)這是很基礎(chǔ)的數(shù)據(jù)結(jié)構(gòu)問(wèn)題，只要學(xué)過(guò)一般你肯定會(huì)，可是如果連這些都不會(huì)，也沒(méi)有公司敢要你。

去哪兒是現(xiàn)場(chǎng)面試，也是在一家酒店。我一共只有兩面，技術(shù)一面，HR一面。

1: 自我介紹，前端學(xué)習(xí)歷程
2: 介紹一下項(xiàng)目，用了什么技術(shù)，承擔(dān)了什么職責(zé)
3: javaScript中的this是什么，有什么用，它的指向是什么
4: 平時(shí)用了ES6的哪些特性，和ES5相比有什么不同（上一個(gè)問(wèn)題提到了）
5: 常見(jiàn)的狀態(tài)碼有哪些
6: [代碼題]寫(xiě)一個(gè)快速排序
7: [場(chǎng)景題]怎么實(shí)現(xiàn)從一個(gè)DIV左上角到右下角的移動(dòng)，有哪些方法，都怎么實(shí)現(xiàn)
8: 簡(jiǎn)單介紹一下promise，他解決了什么問(wèn)題
9: 用Promise實(shí)現(xiàn)一個(gè)異步隊(duì)列應(yīng)該怎么實(shí)現(xiàn)

感覺(jué)去哪兒網(wǎng)的HR和之前的不太一樣，問(wèn)了很多不一樣的問(wèn)題。

1: 你做過(guò)什么項(xiàng)目嗎？有什么作用？
2: 讓我給他現(xiàn)場(chǎng)演示和解釋我做的一個(gè)組件
3: 讓我分析一下之前做過(guò)的一個(gè)項(xiàng)目的市場(chǎng)前景和實(shí)施的可行性
4: 讓我?guī)退鉀Q一個(gè)問(wèn)題（kindle使用微信推送書(shū)籍）

其他的問(wèn)題都是常規(guī)的關(guān)于未來(lái)規(guī)劃、家庭、自我發(fā)展等常見(jiàn)的問(wèn)題，最后一個(gè)讓我?guī)退鉀Q問(wèn)題確實(shí)讓我有點(diǎn)措手不及，幸好自己平時(shí)對(duì)電子產(chǎn)品比較了解，幫忙解決了。當(dāng)場(chǎng)就給了我口頭offer。

騰訊由于人數(shù)太多了，面試戰(zhàn)線拉得比較長(zhǎng)，橫跨兩天，共計(jì)三次。

1: 自我介紹，為什么選這個(gè)方向
2: 為什么會(huì)走上IT這個(gè)方向（看我專業(yè)不是計(jì)算機(jī)相關(guān)） 
3: 平時(shí)是怎么學(xué)習(xí)的，學(xué)過(guò)哪些東西
4: 介紹一下你簡(jiǎn)歷上的項(xiàng)目
5: 知道Vue的雙向數(shù)據(jù)綁定是怎么實(shí)現(xiàn)的嗎，和其他框架有什么不同
6: [代碼題]手寫(xiě)一個(gè)組合繼承
7: [代碼題]深拷貝方案有哪些，手寫(xiě)一個(gè)深拷貝
8: 判斷數(shù)組有哪些方法，能夠100%準(zhǔn)確嗎，100%準(zhǔn)確的方法是哪個(gè)
9: 跨域通信有哪些方案，各有什么不同
10: JSONP的具體實(shí)現(xiàn)原理是什么，它是怎么工作的
11: 多頁(yè)面通信有哪些方案，各有什么不同
12: 平時(shí)用了ES6哪些特性，體驗(yàn)如何
13: 用Node干過(guò)什么，發(fā)布過(guò)自己的NPM包嗎
14: 用Node實(shí)現(xiàn)一個(gè)用戶上傳文件的后臺(tái)服務(wù)應(yīng)該怎么做

1: 自我介紹
2: 介紹一下你做的項(xiàng)目
3: 你做的最成功的項(xiàng)目是什么，為什么，你覺(jué)得你從中收獲了什么
4: 你覺(jué)得你做的最成功這個(gè)項(xiàng)目對(duì)你來(lái)說(shuō)難度大嗎，難在哪里
5: 在團(tuán)隊(duì)協(xié)作中，你是怎么解決團(tuán)隊(duì)協(xié)調(diào)的問(wèn)題的
6: 你覺(jué)得你在團(tuán)隊(duì)中最核心的工作是什么，對(duì)這個(gè)團(tuán)隊(duì)有什么不可替代的貢獻(xiàn)嗎
7: 跨域通信有哪些方案，說(shuō)說(shuō)你了解的
8: 現(xiàn)在用的比較多的是什么方案，使用場(chǎng)景有什么差別
9: 為什么要選用Vue這個(gè)框架，他有什么特點(diǎn)，與react和angluar有什么不同
10: XSS和CSRF攻擊知道嗎，是什么原理，怎么檢測(cè)，怎么防范，有什么區(qū)別（這塊問(wèn)了很久）
11: HTMLEncode通常在哪個(gè)階段做，可以被破解嗎
12: 對(duì)自己未來(lái)的規(guī)劃是怎樣的
13: 什么時(shí)候可以來(lái)實(shí)習(xí)，可以實(shí)習(xí)多久

騰訊的HR是個(gè)小哥哥，這讓我很不適應(yīng)，不過(guò)有了前幾次的經(jīng)驗(yàn)，這次沒(méi)有說(shuō)錯(cuò)話。

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

對(duì)于HR來(lái)說(shuō)，她關(guān)注的點(diǎn)和技術(shù)面試官是有很大不同的，技術(shù)面試官更關(guān)注你技術(shù)水平能否為這家公司創(chuàng)造對(duì)應(yīng)的價(jià)值。而HR更關(guān)注的是，這個(gè)人是否能夠?yàn)檫@家公司持續(xù)效力，簡(jiǎn)單的說(shuō)就是HR最關(guān)注你工作后會(huì)不會(huì)跳槽。當(dāng)然也會(huì)關(guān)注你是不是能夠匹配當(dāng)前的工作，但是相對(duì)于你工作的穩(wěn)定性來(lái)說(shuō)這些都是次要的，如果你人都走了，水平再高，也沒(méi)有任何意義。所以HR面試的時(shí)候，雷區(qū)就是意向工作城市和公司或者部門(mén)所能提供的城市不匹配，或者有一定會(huì)影響到你工作城市的因素（比如女朋友）。當(dāng)然如果對(duì)城市有100%的要求，提前和HR溝通好當(dāng)然是最好的，但是如果沒(méi)有一定要去的城市就不要過(guò)多的表達(dá)想去某個(gè)特定城市的意愿。
最后希望大家都能找到好的實(shí)習(xí)。