摘要：終于，我在看到美團(tuán)的社招信息后，勇敢地邁出了第一步。當(dāng)時(shí)參加的是美團(tuán)點(diǎn)評(píng)部門的面試，部門前端技術(shù)棧是，后端用的。后來(lái)才知道美團(tuán)是一次性全部面完的。所以以后有去參加美團(tuán)面試的童鞋，最好做好面試四個(gè)小時(shí)的打算。

我叫王小閏（花名），非科班出身，野生前端從業(yè)者，在小公司打雜三年后，意外地拿到了美團(tuán)的offer，成功跳槽到了美團(tuán)外賣事業(yè)部。

接下來(lái)，正文從這兒開(kāi)始～

3年前，我高中畢業(yè)，進(jìn)了編程培訓(xùn)班，后來(lái)自修課程，學(xué)的是計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)，之后順利拿到了北航的學(xué)歷證書。

培訓(xùn)班畢業(yè)出來(lái)之后，我來(lái)到了杭州。在杭州這個(gè)充滿電商氣息的地方，每個(gè)人都對(duì)自己的未來(lái)充滿了希望，《獵場(chǎng)》里的鄭秋冬如此，我也一樣。

雖然我的家庭條件不是很差，但我還是希望通過(guò)自己的努力，實(shí)現(xiàn)當(dāng)初的夢(mèng)想，出任CTO，甚至財(cái)務(wù)自由。

來(lái)到杭州，我更加明白，要想在杭州出人頭地，一定要在別人看不見(jiàn)的地方更加努力才行。很快，我面試上了一家杭州的創(chuàng)業(yè)公司，前端工程師崗位，做19樓本地生活平臺(tái)項(xiàng)目，月薪5K，雙休。

剛開(kāi)始的時(shí)候，我們公司里的PHP大佬讓我先做專題頁(yè)面的切圖，以及其他頁(yè)面的前端制作，還有公司官網(wǎng)需要的js交互功能的實(shí)現(xiàn)。除此之外，我們老板還給了我一本關(guān)于PHP開(kāi)發(fā)筆記的書籍，讓我研究，因?yàn)槲覀児镜木W(wǎng)站后端用的框架是ThinkPHP。

那時(shí)候，我前端頁(yè)面切完之后，就會(huì)捧著PHP開(kāi)發(fā)筆記研究它的面向過(guò)程編程，時(shí)不時(shí)地請(qǐng)教大佬一些問(wèn)題。那段時(shí)間感覺(jué)自己成長(zhǎng)了許多，從前端頁(yè)面到后端套模板，再到一些網(wǎng)站運(yùn)營(yíng)、編輯的事情，鍛煉了自己的能力。有時(shí)候周六日，我還會(huì)在豬八戒網(wǎng)上接一些私活兒，外包項(xiàng)目啥的，掙點(diǎn)外快，順便夯實(shí)下自己的業(yè)務(wù)知識(shí)，業(yè)精于勤。

還記得我來(lái)到公司一個(gè)星期以后，我慢慢意識(shí)到周邊的同事們，每天到了下班點(diǎn)都沒(méi)有走的意思。當(dāng)時(shí)我司一個(gè)從北京回來(lái)的前端，用他的職場(chǎng)經(jīng)驗(yàn)告訴我，下班晚走半小時(shí)，是一種工作態(tài)度。尤其是作為職場(chǎng)新人，要想在公司有所發(fā)展，技術(shù)有所提升，就必須付出比別人更多的努力。于是，在那天過(guò)后，我慢慢地成為了我們公司來(lái)的最早、走的最晚的員工。那段時(shí)間，也是我技術(shù)提升最快的日子，而這些細(xì)節(jié)，我們老板都看在眼里。時(shí)間過(guò)的很快，轉(zhuǎn)眼已來(lái)杭第二年。付出總有收獲，一年之后的我順利地漲薪到了8K。

在小公司里呆久了，你會(huì)發(fā)現(xiàn)公司業(yè)務(wù)發(fā)展的瓶頸，可能是當(dāng)時(shí)自己的格局太小，覺(jué)得自己遇到了技術(shù)瓶頸，職位晉升緩慢困難等等。

當(dāng)時(shí)在小公司打雜的我，無(wú)時(shí)無(wú)刻不在羨慕著大佬的大廠光環(huán)。由于彼時(shí)，美團(tuán)發(fā)展迅猛，我對(duì)之早已垂涎已久。

聽(tīng)朋友說(shuō)，在美團(tuán)做前端開(kāi)發(fā)工程師，簡(jiǎn)直是一件幸福的事兒。單從硬件上來(lái)說(shuō)，標(biāo)配的MacBook Pro 15，人體工程椅，27英寸外接顯示器，單憑這三件套，足以讓人艷羨。

接著從軟件方面來(lái)講，只要你能為你做的事情負(fù)責(zé)到底，你似乎可以做你想做的任何事情。比如用polymer做一套UI框架，比如前兩天剛用flux+react+express做了美團(tuán)工程師網(wǎng)站，而且主站(美團(tuán)團(tuán)購(gòu))正打算用react開(kāi)發(fā)一些組件替換現(xiàn)在的解決方案。

美團(tuán)前端是“大前端”，全棧似乎在這里并不是很稀奇的事情。

前輩都很nice，虛心學(xué)習(xí)會(huì)學(xué)到很多東西。而且美團(tuán)有比較好的分享培訓(xùn)機(jī)制，人人都是講師，還有美團(tuán)圖書館，似乎主流的技術(shù)書在上面都能找到，現(xiàn)在收藏近4000本。內(nèi)部辦公基本都云端化。你可以申請(qǐng)美團(tuán)云主機(jī)去做你想做的事情。

聽(tīng)著朋友的描述，那段時(shí)間進(jìn)大廠成了我所有的幻想，以及夢(mèng)魘。

我深知，大廠最看中的就是基礎(chǔ)知識(shí)扎實(shí)與否。為了進(jìn)大廠，我拼了。從亞馬遜買了本經(jīng)典的《JavaScript高級(jí)程序設(shè)計(jì)》，俗名紅寶書。每天背著我的雙肩背包，在上下班的地鐵里，一頁(yè)一頁(yè)地拜讀著JS高程，白天去了公司也看，晚上下了班回去也鉆研。就這樣，反反復(fù)復(fù)來(lái)來(lái)回回把這本書翻了三遍，期間也接觸了一些流行的前端框架和構(gòu)建工具。終于，我在看到美團(tuán)的社招信息后，勇敢地邁出了第一步。

當(dāng)時(shí)參加的是美團(tuán)點(diǎn)評(píng)部門的面試，部門前端技術(shù)棧是vue，后端用的node。一面通過(guò)后，等了兩個(gè)小時(shí)面試二面，然后通知我回去等消息，一般這樣就是掛掉了，毫無(wú)疑問(wèn)。后來(lái)才知道美團(tuán)是一次性全部面完的。所以以后有去參加美團(tuán)面試的童鞋，最好做好面試四個(gè)小時(shí)的打算。

先來(lái)聊聊一面吧～

一面

1.簡(jiǎn)單的自我介紹，與大體的了解我

一面面試官非常不錯(cuò)，先問(wèn)了下幾個(gè)項(xiàng)目和用到的技術(shù)，會(huì)先對(duì)我懂的東西做一個(gè)大體的了解，比如webpack的單頁(yè)面的多頁(yè)面切換，webpack的按需加載，一些webpack的配置有哪些，問(wèn)了有沒(méi)有看vue源碼，我說(shuō)了一個(gè)vue的watch，大體問(wèn)了問(wèn)我框架方面的東西，發(fā)現(xiàn)我對(duì)框架并不是很熟練，安慰我說(shuō)沒(méi)有關(guān)系。

2.promise的原理

這個(gè)面試官最讓人欣賞的就是不會(huì)去問(wèn)你不了解的東西，一開(kāi)始問(wèn)了我promise，發(fā)現(xiàn)我用的并不是很多，就很自然的說(shuō)沒(méi)事，換一種方法問(wèn)你，好和藹啊。

然后就讓我用原生js寫一個(gè)回調(diào)函數(shù)，其實(shí)就是問(wèn)promise的原理了，js寫一個(gè)。

3.this指向

這個(gè)是面試官手寫了一道{{BANNED}}長(zhǎng)以及繞的this指向題，可以自行百度js this指向面試題，看幾道沒(méi)有啥問(wèn)題，需要關(guān)注的是其中也考了，argument，和apply(null)。以后想起來(lái)再寫吧

4.bind與函數(shù)柯里化

也就是寫個(gè)bind，這個(gè)紅皮書高級(jí)函數(shù)（22章）有：

1 function bind(fn, context){
2 
3   return function(){
4 
5     return fn.apply(context, arguments);
6 
7   };
8 
9 }

可以看下。不過(guò)還是得先理解bind的用法，返回一個(gè)函數(shù)，以及可以傳遞的參數(shù)。參數(shù)這里涉及到了函數(shù)柯里化。都是手寫代碼，而且最好寫的整潔，因?yàn)槲矣行┮还P帶過(guò)，面試官都讓我寫完整，明確說(shuō)要看我寫代碼水平

5.==, isNaN, typeof

問(wèn)這個(gè)之前先問(wèn)了我有幾種數(shù)據(jù)類型，這里隱形的看你知不知道es6，symbol這個(gè)新出的類型。說(shuō)出了symbol自然會(huì)問(wèn)你這個(gè)類型有什么用。

然后就寫了好多個(gè)typeof，isNaN，==的問(wèn)輸出，這個(gè)就是基礎(chǔ)題。

6.知道什么http請(qǐng)求頭？

這個(gè)可以說(shuō)的很多，說(shuō)了幾個(gè)，又主動(dòng)說(shuō)了下有關(guān)跨域請(qǐng)求頭，之前項(xiàng)目用的cors，于是和他聊了一會(huì)，其實(shí)面試就是主動(dòng)表現(xiàn)自己，把自己知道的都說(shuō)出來(lái)，不然幾個(gè)請(qǐng)求頭說(shuō)細(xì)不細(xì)，要問(wèn)細(xì)了能把人問(wèn)蒙了，最好把話題引到自己知道的地方。

7.問(wèn)了css

問(wèn)了css盒子并畫出來(lái)，清除浮動(dòng)與bfc，兩列布局。

8.說(shuō)了一大堆其實(shí)就是想考我防抖

面試完這個(gè)問(wèn)我想問(wèn)的問(wèn)題，我直接問(wèn)還有二面么？回答有的，又介紹了一會(huì)美團(tuán)點(diǎn)評(píng)，說(shuō)是后臺(tái)是node，看來(lái)要求是前端也要有后臺(tái)的知識(shí)嘍。

二面

二面問(wèn)的顯然比一面深入很多：

1.自我介紹，問(wèn)項(xiàng)目

針對(duì)項(xiàng)目問(wèn)了不少，當(dāng)時(shí)有一個(gè)支付行為的項(xiàng)目，于是問(wèn)了很多安全方面的問(wèn)題，蒙蒙的，完全不知道。第一個(gè)就很失敗了。然后問(wèn)了其他的項(xiàng)目，問(wèn)了websocket。

2.node的EventEmitter用js實(shí)現(xiàn)出來(lái)

寫出來(lái)了，但是可以看出來(lái)代碼寫的不規(guī)范，學(xué)長(zhǎng)面試官表示看起來(lái)很亂。不過(guò)大約算是可以的，指出了幾個(gè)問(wèn)題，讓我進(jìn)行修改。（之后完善）

3.虛擬dom

其實(shí)vue中就有jsx，react的特點(diǎn)之一有jsx，虛擬dom和代碼優(yōu)化有點(diǎn)關(guān)系。

先說(shuō)下正常對(duì)dom的操作，在瀏覽器中分為渲染引擎和js引擎，現(xiàn)在瀏覽器內(nèi)核一般都是渲染引擎（生成渲染樹(shù)），因?yàn)閖s引擎越來(lái)越獨(dú)立了（所謂的v8引擎？）

然而你在js中獲取dom元素的時(shí)候你必須要通過(guò)渲染引擎，這樣兩個(gè)線程之間的數(shù)據(jù)交換自然會(huì)很慢。所以在前端優(yōu)化中總是要考慮減少dom操作這一項(xiàng)。包括獲取dom元素變量?jī)?chǔ)存起來(lái)。

jsx是把dom元素變成了儲(chǔ)存在內(nèi)存中的數(shù)據(jù)結(jié)構(gòu)。js很快，操作dom也很快。不過(guò)也存在缺點(diǎn)，目前的理解就這么點(diǎn)了。

4.路由的實(shí)現(xiàn)原理

餓，不知道。。

5.node文件流，java的映射機(jī)制（記不太清楚）？

餓。。

6.數(shù)組方法map和reducer區(qū)別？

餓

7.進(jìn)程與線程的區(qū)別

終于有個(gè)我會(huì)的了，這個(gè)顯然想問(wèn)你js的運(yùn)行機(jī)制。先介紹了下進(jìn)程與線程。

一個(gè)瀏覽器是一個(gè)進(jìn)程，雖然js是單線程的，但是瀏覽器是多線程的，v8引擎也是多線程的，比如有渲染線程，有處理請(qǐng)求的線程。然后說(shuō)說(shuō)任務(wù)隊(duì)列，eventloop。沒(méi)有理解很深也不敢往下說(shuō)。

8.樹(shù)遍歷

先序，中序，后序。我只知道這么多了，顯然想讓我寫一個(gè)的，可是不會(huì)。也顯然面試官內(nèi)心已經(jīng)把我pass掉了，沒(méi)多問(wèn)。

9.問(wèn)了個(gè)算法

KMP？？反正我不知道。

最終，第一次大廠面試之旅，以失敗告終。

后來(lái)，我開(kāi)始狂刷前端面試題，為下一次進(jìn)大廠作準(zhǔn)備。就這樣，我每天堅(jiān)持早睡早起，定的凌晨四點(diǎn)半的鬧鐘，我相信，鬧鐘叫不醒沉睡的心靈，但夢(mèng)想可以。正所謂，叫醒你的不是鬧鐘，而是夢(mèng)想。雖然這句話俗氣，但俗就俗點(diǎn)吧，我喜歡。一個(gè)心懷進(jìn)大廠的人，行動(dòng)是一種自發(fā)行為，而不是鞭策。

在熬過(guò)無(wú)數(shù)個(gè)日日夜夜之后，我又一次去參加了美團(tuán)的面試。本以為這次十拿九穩(wěn)，可是結(jié)果還是敗北了。

我不甘心，我始終認(rèn)為，成功就是，你站起來(lái)比跌倒的次數(shù)多那么一次。

于是，我在大佬的影響下，開(kāi)始寫技術(shù)文章，發(fā)表于各大博客平臺(tái)，開(kāi)始運(yùn)營(yíng)公眾號(hào)，寫點(diǎn)自己的職場(chǎng)感悟，提升自己在圈內(nèi)的影響力。平時(shí)，跑跑步鍛煉身體，讓自己有個(gè)強(qiáng)健的體魄。當(dāng)一個(gè)人沒(méi)有退路時(shí)，往哪走都是前進(jìn)的方向。就算前方風(fēng)雨交加，我還是義無(wú)反顧，因?yàn)?，走泥濘的路，才能留下清晰的腳印。

事不過(guò)三，在我從事前端開(kāi)發(fā)的第三個(gè)年頭里，我再一次毫不猶豫地參加了美團(tuán)平臺(tái)及酒旅事業(yè)群的面試。

這一次面試，我竟然......

是的，現(xiàn)在我已經(jīng)成功拿到了美團(tuán)發(fā)來(lái)的offer，并順利入職了美團(tuán)外賣配送事業(yè)群，從此成為了一名光榮的美團(tuán)外賣騎手，我司還給我配備了電動(dòng)車。

這就是我入職美團(tuán)的故事。

聲明  
歡迎轉(zhuǎn)載，請(qǐng)注明出處和作者，同時(shí)保留聲明。  
作者：閏土少年 
出處：http://www.cnblogs.com/runnin...
本博客的文章如無(wú)特殊說(shuō)明，均為原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。如未經(jīng)作者同意必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。

想了解我的更多動(dòng)態(tài)？歡迎關(guān)注我的微信公眾號(hào)：閏土哥的前端路