前言
我叫王小閏(花名),非科班出身,野生前端從業者,在小公司打雜三年後,意外地拿到了美團的offer,成功跳槽到了美團外賣事業部。
接下來,正文從這兒開始~
3年前,我高中畢業,進了程式設計培訓班,後來自修課程,學的是電腦科學與技術專業,之後順利拿到了北航的學歷證照。
培訓班畢業出來之後,我來到了杭州。在杭州這個充滿電商氣息的地方,每個人都對自己的未來充滿了希望,《獵場》裡的鄭秋冬如此,我也一樣。
雖然我的家庭條件不是很差,但我還是希望通過自己的努力,實現當初的夢想,出任CTO,甚至財務自由。
來到杭州,我更加明白,要想在杭州出人頭地,一定要在別人看不見的地方更加努力才行。很快,我面試上了一家杭州的創業公司,前端工程師崗位,做19樓本地生活平臺專案,月薪5K,雙休。
剛開始的時候,我們公司裡的PHP大佬讓我先做專題頁面的切圖,以及其他頁面的前端製作,還有公司官網需要的js互動功能的實現。除此之外,我們老闆還給了我一本關於PHP開發筆記的書籍,讓我研究,因為我們公司的網站後端用的框架是ThinkPHP。
那時候,我前端頁面切完之後,就會捧著PHP開發筆記研究它的程式導向程式設計,時不時地請教大佬一些問題。那段時間感覺自己成長了許多,從前端頁面到後端套模板,再到一些網站運營、編輯的事情,鍛鍊了自己的能力。有時候週六日,我還會在豬八戒網上接一些私活兒,外包專案啥的,掙點外快,順便夯實下自己的業務知識,業精於勤。
還記得我來到公司一個星期以後,我慢慢意識到周邊的同事們,每天到了下班點都沒有走的意思。當時我司一個從北京回來的前端,用他的職場經驗告訴我,下班晚走半小時,是一種工作態度。尤其是作為職場新人,要想在公司有所發展,技術有所提升,就必須付出比別人更多的努力。於是,在那天過後,我慢慢地成為了我們公司來的最早、走的最晚的員工。那段時間,也是我技術提升最快的日子,而這些細節,我們老闆都看在眼裡。時間過的很快,轉眼已來杭第二年。付出總有收穫,一年之後的我順利地漲薪到了8K。
在小公司裡呆久了,你會發現公司業務發展的瓶頸,可能是當時自己的格局太小,覺得自己遇到了技術瓶頸,職位晉升緩慢困難等等。
當時在小公司打雜的我,無時無刻不在羨慕著大佬的大廠光環。由於彼時,美團發展迅猛,我對之早已垂涎已久。
聽朋友說,在美團做前端開發工程師,簡直是一件幸福的事兒。單從硬體上來說,標配的MacBook Pro 15,人體工程椅,27英寸外接顯示器,單憑這三件套,足以讓人豔羨。
接著從軟體方面來講,只要你能為你做的事情負責到底,你似乎可以做你想做的任何事情。比如用polymer做一套UI框架,比如前兩天剛用flux+react+express做了美團工程師網站,而且主站(美團團購)正打算用react開發一些元件替換現在的解決方案。
美團前端是“大前端”,全棧似乎在這裡並不是很稀奇的事情。
前輩都很nice,虛心學習會學到很多東西。而且美團有比較好的分享培訓機制,人人都是講師,還有美團圖書館,似乎主流的技術書在上面都能找到,現在收藏近4000本。內部辦公基本都雲端化。你可以申請美團雲主機去做你想做的事情。
聽著朋友的描述,那段時間進大廠成了我所有的幻想,以及夢魘。
我深知,大廠最看中的就是基礎知識紮實與否。為了進大廠,我拼了。從亞馬遜買了本經典的《JavaScript高階程式設計》,俗名紅寶書。每天揹著我的雙肩揹包,在上下班的地鐵裡,一頁一頁地拜讀著JS高程,白天去了公司也看,晚上下了班回去也鑽研。就這樣,反反覆覆來來回回把這本書翻了三遍,期間也接觸了一些流行的前端框架和構建工具。終於,我在看到美團的社招資訊後,勇敢地邁出了第一步。
當時參加的是美團點評部門的面試,部門前端技術棧是vue,後端用的node。一面通過後,等了兩個小時面試二面,然後通知我回去等訊息,一般這樣就是掛掉了,毫無疑問。後來才知道美團是一次性全部面完的。所以以後有去參加美團面試的童鞋,最好做好面試四個小時的打算。
先來聊聊一面吧~
一面
1.簡單的自我介紹,與大體的瞭解我
一面面試官非常不錯,先問了下幾個專案和用到的技術,會先對我懂的東西做一個大體的瞭解,比如webpack的單頁面的多頁面切換,webpack的按需載入,一些webpack的配置有哪些,問了有沒有看vue原始碼,我說了一個vue的watch,大體問了問我框架方面的東西,發現我對框架並不是很熟練,安慰我說沒有關係。
2.promise的原理
這個面試官最讓人欣賞的就是不會去問你不瞭解的東西,一開始問了我promise,發現我用的並不是很多,就很自然的說沒事,換一種方法問你,好和藹啊。
然後就讓我用原生js寫一個回撥函式,其實就是問promise的原理了,js寫一個。
3.this指向
這個是面試官手寫了一道變態長以及繞的this指向題,可以自行百度js this指向面試題,看幾道沒有啥問題,需要關注的是其中也考了,argument,和apply(null)。以後想起來再寫吧
4.bind與函式柯里化
也就是寫個bind,這個紅皮書高階函式(22章)有:
1 function bind(fn, context){
2
3 return function(){
4
5 return fn.apply(context, arguments);
6
7 };
8
9 }
複製程式碼
可以看下。不過還是得先理解bind的用法,返回一個函式,以及可以傳遞的引數。引數這裡涉及到了函式柯里化。都是手寫程式碼,而且最好寫的整潔,因為我有些一筆帶過,面試官都讓我寫完整,明確說要看我寫程式碼水平
5.==, isNaN, typeof
問這個之前先問了我有幾種資料型別,這裡隱形的看你知不知道es6,symbol這個新出的型別。說出了symbol自然會問你這個型別有什麼用。
然後就寫了好多個typeof,isNaN,==的問輸出,這個就是基礎題。
6.知道什麼http請求頭?
這個可以說的很多,說了幾個,又主動說了下有關跨域請求頭,之前專案用的cors,於是和他聊了一會,其實面試就是主動表現自己,把自己知道的都說出來,不然幾個請求頭說細不細,要問細了能把人問蒙了,最好把話題引到自己知道的地方。
7.問了css
問了css盒子並畫出來,清除浮動與bfc,兩列布局。
8.說了一大堆其實就是想考我防抖
面試完這個問我想問的問題,我直接問還有二面麼?回答有的,又介紹了一會美團點評,說是後臺是node,看來要求是前端也要有後臺的知識嘍。
二面
二面問的顯然比一面深入很多:
1.自我介紹,問專案
針對專案問了不少,當時有一個支付行為的專案,於是問了很多安全方面的問題,濛濛的,完全不知道。第一個就很失敗了。然後問了其他的專案,問了websocket。
2.node的EventEmitter用js實現出來
寫出來了,但是可以看出來程式碼寫的不規範,學長面試官表示看起來很亂。不過大約算是可以的,指出了幾個問題,讓我進行修改。(之後完善)
3.虛擬dom
其實vue中就有jsx,react的特點之一有jsx,虛擬dom和程式碼優化有點關係。
先說下正常對dom的操作,在瀏覽器中分為渲染引擎和js引擎,現在瀏覽器核心一般都是渲染引擎(生成渲染樹),因為js引擎越來越獨立了(所謂的v8引擎?)
然而你在js中獲取dom元素的時候你必須要通過渲染引擎,這樣兩個執行緒之間的資料交換自然會很慢。所以在前端優化中總是要考慮減少dom操作這一項。包括獲取dom元素變數儲存起來。
jsx是把dom元素變成了儲存在記憶體中的資料結構。js很快,操作dom也很快。不過也存在缺點,目前的理解就這麼點了。
4.路由的實現原理
餓,不知道。。
5.node檔案流,java的對映機制(記不太清楚)?
餓。。
6.陣列方法map和reducer區別?
餓
7.程式與執行緒的區別
終於有個我會的了,這個顯然想問你js的執行機制。先介紹了下程式與執行緒。
一個瀏覽器是一個程式,雖然js是單執行緒的,但是瀏覽器是多執行緒的,v8引擎也是多執行緒的,比如有渲染執行緒,有處理請求的執行緒。然後說說任務佇列,eventloop。沒有理解很深也不敢往下說。
8.樹遍歷
先序,中序,後序。我只知道這麼多了,顯然想讓我寫一個的,可是不會。也顯然面試官內心已經把我pass掉了,沒多問。
9.問了個演算法
KMP??反正我不知道。
最終,第一次大廠面試之旅,以失敗告終。
後來,我開始狂刷前端面試題,為下一次進大廠作準備。就這樣,我每天堅持早睡早起,定的凌晨四點半的鬧鐘,我相信,鬧鐘叫不醒沉睡的心靈,但夢想可以。正所謂,叫醒你的不是鬧鐘,而是夢想。雖然這句話俗氣,但俗就俗點吧,我喜歡。一個心懷進大廠的人,行動是一種自發行為,而不是鞭策。
在熬過無數個日日夜夜之後,我又一次去參加了美團的面試。本以為這次十拿九穩,可是結果還是敗北了。
我不甘心,我始終認為,成功就是,你站起來比跌倒的次數多那麼一次。
於是,我在大佬的影響下,開始寫技術文章,發表於各大部落格平臺,開始運營公眾號,寫點自己的職場感悟,提升自己在圈內的影響力。平時,跑跑步鍛鍊身體,讓自己有個強健的體魄。當一個人沒有退路時,往哪走都是前進的方向。就算前方風雨交加,我還是義無反顧,因為,走泥濘的路,才能留下清晰的腳印。
事不過三,在我從事前端開發的第三個年頭裡,我再一次毫不猶豫地參加了美團平臺及酒旅事業群的面試。
這一次面試,我竟然......
後記
是的,現在我已經成功拿到了美團發來的offer,並順利入職了美團外賣配送事業群,從此成為了一名光榮的美團外賣騎手,我司還給我配備了電動車。
這就是我入職美團的故事。
想了解我的更多動態?歡迎關注我的微信公眾號:閏土大叔