摘要：作為一個(gè)前端人，阿里巴巴，是我最想去的國(guó)內(nèi)公司，我看重的也不是他薪水如何，完全在于他的技術(shù)，這一點(diǎn)可以說明一切。阿里是個(gè)十分重視基礎(chǔ)的公司，和浮躁的前端大環(huán)境形成鮮明的對(duì)比。我不是第一次投阿里巴巴，所以心態(tài)一開始還是挺平和的。

這是去年8月份秋招的面試，五面都面完了，給大家貢獻(xiàn)干貨吧。我沒寫問題的答案，有什么問題可以留言區(qū)問我。

一面 電話面（1小時(shí)）
電話面問題不多，但是十分考驗(yàn)對(duì)相關(guān)知識(shí)熟悉程度，面試官是 P7(不理解這個(gè)就去百度吧)

以前做過什么項(xiàng)目？使用了什么技術(shù)？（balabala...）
繼續(xù)上一個(gè)問題，為什么使用 gulp 不用 webpack？
你都使用過哪些框架？（就說熟練XXX框架，用過了解XXX框架）
繼續(xù)上一個(gè)問題 zepto 和 jquery 是什么關(guān)系，有什么聯(lián)系么？
有沒有看過框架的源碼？(沒看完一個(gè)框架完整的源碼還敢出來混？我只看過 jquery)
繼續(xù)上一個(gè)問題，jquery 源碼中你對(duì)哪個(gè)部分印象最深，講一講？（我就說了構(gòu)造函數(shù)返回原型鏈中的 this）
最近在實(shí)習(xí)是嗎，實(shí)習(xí)了多久，在哪實(shí)習(xí)，實(shí)習(xí)的工作是什么？
實(shí)習(xí)過程中能不能完成公司給你的工作？工作量如何？
實(shí)習(xí)過程中遇到什么難題，是怎么解決的？
函數(shù)了解嗎？閉包是什么？為什么要用閉包？commonJS 知道不，define 時(shí)用閉包做了什么？
對(duì)象熟悉嗎？一般考你對(duì)象的話具體會(huì)考什么？（居然還可以這么提問）
繼續(xù)上一個(gè)問題，你知道原型鏈?zhǔn)歉缮兜拿?，為什么要有原型鏈?br>熟悉 this 嗎？js 中的 this 和 c++/java 中的 this 有什么區(qū)別？
繼續(xù)上一個(gè)問題，如果在構(gòu)造函數(shù)中為 this 賦值 1 會(huì)發(fā)生什么？
繼續(xù)上一個(gè)問題，那應(yīng)該怎么改變 this 的值？
學(xué)習(xí)前端多久了，平時(shí)怎么學(xué)習(xí)前端？
未來3-5年有什么規(guī)劃？（我提到了全棧，于是有了下面一個(gè)問題）
什么是全棧，你理解的全棧是干嘛的？
傾向于走什么技術(shù)棧？（我提到了 nodejs 于是又有了下面 一系列的問題）
nodejs 你了解多少？
所有的 ES6 特性你都知道嗎？如果遇到一個(gè)東西不知道是 ES6 還是 ES5, 你該怎么區(qū)分它
Express 和 koa 有什么關(guān)系，有什么區(qū)別？
為什么選 nodeJS 為什么不喜歡 php 和 python?
你對(duì) php 和 python 掌握的怎么樣？
你還有什么問題想問我？
對(duì)加班有什么看法？
二面 視頻面（1.5小時(shí)）
面試一開始面試官給我展示阿里遠(yuǎn)程會(huì)議的各種酷炫功能，隨后開始面試。面試官還是 P7

首先是給了好幾個(gè)代碼題，問其中每個(gè) console.log 的輸出是什么。這里的代碼的確很多，面完全部面試寫這個(gè)文章的確記不起來了。值得一說的是每個(gè)題都有陷阱，十分容易錯(cuò)的地方，我也不例外的掉坑里了，面試官會(huì)告訴你錯(cuò)了，然后讓你自己思考為什么錯(cuò)？正確的應(yīng)該是什么？當(dāng)然還要解釋原理。

看完了題目就該自己寫了，共享桌面。

寫一個(gè)_new()函數(shù)，實(shí)現(xiàn) new 關(guān)鍵字的功能；
寫完了，需要解釋思路，當(dāng)然如果有那個(gè)地方寫錯(cuò)了，一定是要深究的。這里面會(huì)包含一些深層次的問題：prototype 和 proto 的關(guān)系是什么？

三面 視頻面 (40分鐘)
二面面試官很愉快的說我通過面試了，去叫了另一個(gè)面試官。這次的面試官，應(yīng)該也是 P7，上來就問問題：

自我介紹一下(發(fā)現(xiàn)問題點(diǎn)時(shí)打斷介紹，就開始問問題)
你前端是自學(xué)的呀，怎么個(gè)自學(xué)法？
你都看過什么書？最近在看什么書？
用過什么框架？有沒有看過什么框架的代碼？
你做過什么項(xiàng)目？
有沒有學(xué)過設(shè)計(jì)模式？
說一說觀察者模式吧！能不能寫出來？（能，那就寫）
為什么只知道這么幾個(gè)設(shè)計(jì)模式？
你最大的優(yōu)點(diǎn)是什么？
那你最大的缺點(diǎn)呢？
如果有個(gè)功能你寫的代碼有一個(gè) bug , 剛好你同時(shí)的代碼可以彌補(bǔ)你這個(gè) bug, 但是他的代碼有新的 bug 怎么辦？
如果小組開發(fā)的時(shí)候?qū)τ谝粋€(gè)軟件的各個(gè)功能，每個(gè)人都有一定的 bug 怎么辦？
熟不熟悉 git，你用它做過什么？
你大學(xué)期間做過最瘋狂的事情是什么？
熟不熟悉 http? http 和 https 有什么區(qū)別？
你除了寫博客還有什么輸出？
做代碼的時(shí)候有沒有考慮過安全問題？怎么防止注入？
如何防止 XSS 和 CORS? 被攻擊了該怎么辦？
現(xiàn)在你的領(lǐng)導(dǎo)給你了一份工作，要求你一個(gè)星期完成，但你看了需求以后估計(jì)需要3周才能完成，你該怎么辦？
四面 交叉面試 電話(50分鐘)
我投的是天貓事業(yè)群，交叉面試就是找個(gè)別的事業(yè)群的面試我，防止作弊。這次是一個(gè) P9 段位的面試官：

自我介紹一下
為什么學(xué)前端？
你學(xué)過 c++ 是么，問你幾個(gè) c++ 的問題(簡(jiǎn)歷里寫了以前學(xué)過 c++)：
你學(xué) c++ 到什么程度了？
你用過 STL 嗎？里面的 Map 類是什么結(jié)構(gòu)的？
static 關(guān)鍵字怎么用？
static 變量存儲(chǔ)在堆還是棧？
Qt 中 main 的執(zhí)行過程是什么樣的？
最近做過什么項(xiàng)目？使用了什么框架？
有沒有看過 wordpress 等博客框架的源碼？
為什么使用 Express 不用 koa?
gulp 和 webpack 有什么區(qū)別，為什么你要用 gulp?
知道 XSS 吧，怎么防護(hù)？cross-site script
你項(xiàng)目中如何進(jìn)行用戶輸入過濾的？都過濾了那些內(nèi)容？(根據(jù)回答有了下一個(gè)問題)
為什么沒有過濾標(biāo)簽？
知道 CSRF 么，怎么防止 CSRF? cross-site request forgery
你前端用了Bootstrap， 知道它的響應(yīng)式是如何實(shí)現(xiàn)的嗎？
媒體查詢的原理是什么？
知道流媒體查詢嗎？
那我告訴你什么是流媒體查詢(......此處省略100000字)，你懂了嗎？（我說懂了就有了下一個(gè)問題）
現(xiàn)在要你實(shí)現(xiàn)一個(gè)流媒體查詢，你怎么做？
你現(xiàn)在在實(shí)習(xí)是么，實(shí)習(xí)的主要工作是什么？
你實(shí)習(xí)過程中在做一個(gè) app, 如果讓你來主導(dǎo)這個(gè)項(xiàng)目，你使用什么框架？為什么？
學(xué)過 es6 是么。知道 promise 么？它用來做什么？
promise 只有2個(gè)狀態(tài)，成功和失敗，怎么讓一個(gè)函數(shù)無論成功和失敗都能被調(diào)用？
Promise.all() 是干什么用的，怎么用？
怎么判斷一個(gè)對(duì)象是不是數(shù)組，盡可能多的說出你知道的方法？
怎么把一個(gè)類數(shù)組對(duì)象轉(zhuǎn)為數(shù)組？
知道本地存儲(chǔ)嗎，localStorage 是干什么的？
localStorage 的最大存儲(chǔ)空間是多少？如果存超了對(duì)怎么樣？
localStorage 是注冊(cè)在幾級(jí)域名底下的？
說一下 Nodejs 的 event loop 的原理
Angular 和 vue 的數(shù)據(jù)綁定是怎么實(shí)現(xiàn)的？有什么區(qū)別？
平時(shí)是如何學(xué)習(xí) js 的，從哪里獲得相關(guān)信息？
mysql 和 mongoDB 有什么區(qū)別？
五面 HR面 電話(30分鐘)
你平時(shí)的是怎么學(xué)習(xí)前端的？
你的專業(yè)比較偏硬件，為什么不學(xué)習(xí)硬件了？
你為什么要學(xué)習(xí)前端？
你轉(zhuǎn)行學(xué)前端和專業(yè)的畢業(yè)生比能有什么優(yōu)勢(shì)？
你學(xué)習(xí)過什么框架，現(xiàn)在在學(xué)習(xí)什么框架？
為什么先開始學(xué)習(xí) React 而不是 vue、Angular 或其它框架呢？(不愧是阿里巴巴的 HR，技術(shù)面感覺撲面而來)
你平時(shí)是如何獲取前端知識(shí)的？
你是通過業(yè)余時(shí)間完全自學(xué)的前端，你是如何制定學(xué)習(xí)計(jì)劃和學(xué)習(xí)目標(biāo)的？
你學(xué)習(xí)的過程中，有沒有真正的做過什么東西？
除了做這些東西你還有什么輸出？
有沒有經(jīng)常和前端同行業(yè)的人交流，通過什么途徑交流？
你現(xiàn)在在實(shí)習(xí)是么，實(shí)習(xí)工作是什么？
那你為什么不想留在現(xiàn)在實(shí)習(xí)的公司？
你在實(shí)習(xí)期間最大的收獲是什么？
前端現(xiàn)在更新的這么快，你對(duì)前端行業(yè)有什么看法？
現(xiàn)在給你一個(gè)項(xiàng)目，有兩個(gè)框架可以選擇，一個(gè)你比較熟悉，另一個(gè)是個(gè)新框架，大家都沒用過，你會(huì)如何選擇？
你家是(xx隱私省略)的，現(xiàn)在在青島上學(xué)，以后讓你來北京的話你有什么看法？
你除了前端還有沒有想從事的行業(yè)，不限于技術(shù)？
你還投了哪些公司，現(xiàn)在招聘進(jìn)度如何？
寫在最后
我覺的整個(gè)過程心態(tài)實(shí)在太重要了。作為一個(gè)前端人，阿里巴巴，是我最想去的國(guó)內(nèi)公司，我看重的也不是他薪水如何，完全在于他的技術(shù)，這一點(diǎn) github 可以說明一切。阿里是個(gè)十分重視基礎(chǔ)的公司，和浮躁的前端大環(huán)境形成鮮明的對(duì)比。但其實(shí)，前端的更新速度如此快，還是基礎(chǔ)的東西日久彌新。

我不是第一次投阿里巴巴，所以心態(tài)一開始還是挺平和的。電話面也很放松，也適當(dāng)?shù)拈_了個(gè)玩笑(給面試官黑了一把世界上最好的語言)。但這是我第一次電話面試通過(以往不是被筆試虐了，就是掛在了面試。別問我投過多少次)，隨后通過二面，三面，hr面，真的會(huì)感到越來越緊張，越來越患得患失。平時(shí)在公司實(shí)習(xí)，本來就沒有時(shí)間準(zhǔn)備面試，但偏偏這種心態(tài)十分影響復(fù)習(xí)效率?？赡苁钦娴奶诤踹@個(gè)面試結(jié)果了，在整個(gè)過程(1個(gè)月)中都會(huì)感覺這是我離夢(mèng)想中的公司距離最近的一次，絕對(duì)要保證萬無一失，要表現(xiàn)的很好。這是自己給自己的一種無形壓力和緊張情緒，有時(shí)連做夢(mèng)都在面試??！還好我堅(jiān)持下來了，堅(jiān)持到最后了。

技術(shù)型崗位的應(yīng)聘雖然不需要為每個(gè)公司有針對(duì)性的編寫簡(jiǎn)歷，但是一定要足夠了解這個(gè)公司，明白公司需要什么，你能為公司帶來什么。
如果你還年輕，距離找工作還有幾年，那你需要一個(gè)清晰的規(guī)劃，學(xué)什么知識(shí)點(diǎn)，掌握什么技術(shù)，這些規(guī)劃都應(yīng)該以目標(biāo)公司的需求為導(dǎo)向。