三本畢業(yè)(非科班),四次阿里面試,終拿 offer

公眾號(hào): 「學(xué)前端」，只搞技術(shù)不搞廣告文，歡迎關(guān)注~

第一次 20:00

電話一面

• 自我介紹
• 對(duì)公司工程化做過(guò)哪些事情
• localStorage、cookie 區(qū)別
• 正則預(yù)檢？（沒(méi)聽(tīng)說(shuō)過(guò)）
• 什么是跨域，如何解決
• vue 3 與 vue 2 的區(qū)別
• 前端性能優(yōu)化
• http 緩存（客戶端命中緩存后會(huì)發(fā)請(qǐng)求嗎？）
• 如何不讓客戶端發(fā)出請(qǐng)求（PWA，APP cache）
• 有什么想問(wèn)我的？

面試完感覺(jué)不錯(cuò)，當(dāng)場(chǎng)一面面試官就給我說(shuō)不出意外會(huì)有二面電話，結(jié)束

電話二面

第二天中午，二面面試官就打電話過(guò)來(lái)，約了周五 20:00，但是 18:00 左右的時(shí)候，他說(shuō)有事比較忙，能不能約到當(dāng)天晚上 22:00，然后我說(shuō)可以啊。

周五晚上 21:50 左右，我就在小區(qū)花園等電話，不一會(huì)就來(lái)了電話，當(dāng)時(shí)天氣很冷。。。

• 自我介紹
• 怎么與前端結(jié)緣的，給你 5 分鐘左右，從大學(xué)開(kāi)始說(shuō)一下吧？
• 在第一家公司用的什么技術(shù)？
• 在第二家公司有人帶你嗎？
• 在第二家公司技術(shù)棧發(fā)生了什么變化，你都做了些什么？
• 如何獲取頁(yè)面的所有標(biāo)簽種類(lèi)？
• 偽類(lèi)選擇器有哪些？
• 給你一個(gè) div 盒子，你有多少種方式讓它左右移動(dòng)？
• 盒模型有幾種？用一句話說(shuō)一下它們的區(qū)別？
• 前端性能優(yōu)化？
• setTimeout(fn, 0) 是立刻執(zhí)行嗎？為什么？
• vue 2.x 響應(yīng)式原理？
• vue 3 與 vue 2 的區(qū)別？
• node 實(shí)現(xiàn)原理？
• koa、express 框架有了解嗎？
• 看你不是計(jì)算機(jī)專(zhuān)業(yè)，對(duì)算法和數(shù)據(jù)結(jié)構(gòu)有了解嗎？
• 如何給組員評(píng)績(jī)效？
• 微前端了解嗎？
• 公司項(xiàng)目部署流程？
• 有什么想問(wèn)我的？

自我感覺(jué)回答的不錯(cuò)，但是隔天早上 8 點(diǎn)左右就收到了被拒絕的郵件（recruiting）。。。

心里很失落，我打阿里巴巴客服電話咨詢了為什么被拒絕，客服說(shuō)原因是不能向外透露的。。。涼涼。。。

面試還是有一部分緣分因素在其中的

第二次 20:30

隔離有 2 周左右，我的簡(jiǎn)歷被另一個(gè)團(tuán)隊(duì)看到，當(dāng)時(shí)正在吃晚飯，突然襲擊，說(shuō)我們是阿里巴巴某某團(tuán)隊(duì)的（具體團(tuán)隊(duì)不記得了），你現(xiàn)在方便嗎？可以電話面試嗎？

當(dāng)時(shí)就說(shuō)可以，然后就出去，電話面試了

電話一面

• 自我介紹
• webpack 中 plugin 與 loader 的區(qū)別？
• webpack 打包如何優(yōu)化？具體如何配置說(shuō)一下？
• get 與 post 請(qǐng)求區(qū)別有哪些？
• http 與 https 了解嗎？（要說(shuō)一下中間人攻擊）
• 在 https 域名下，可以嵌套 http 協(xié)議的 iframe 嗎？（沒(méi)試過(guò)不知道，面試官讓我猜一下。。。）
• Web 前端安全有哪些？如何防護(hù)？
• 如果想在頁(yè)面渲染用戶提交過(guò)來(lái)的標(biāo)簽，如何避免 XSS 攻擊？（當(dāng)時(shí)不知道，后面想了想應(yīng)該是設(shè)置標(biāo)簽白名單）
• 你在公司做過(guò)最自豪的是哪件事？
• 最近遇到最難的問(wèn)題是什么？
• 你技術(shù)棧是 vue，也工作那么久了為什么不學(xué) react 呢？
• 你愿意從 vue 轉(zhuǎn)向 react 技術(shù)棧嗎？
• 有什么想問(wèn)我的？

一面在線筆試

第二天上午 10:00 左右，就接到了接下來(lái)的面試電話，說(shuō)是在線筆試？當(dāng)時(shí)比較蒙蔽，不知道是怎樣進(jìn)行。。。然后就約到了當(dāng)天晚上 20:30 開(kāi)始

特別說(shuō)明：在約定的時(shí)間，面試官向你郵箱發(fā)送一個(gè)鏈接，瀏覽器訪問(wèn)鏈接就可以進(jìn)入在線筆試界面了。編碼時(shí)間大概一個(gè)小時(shí)左右，全程編碼無(wú)提示。。。有問(wèn)題可以向面試官打字交流，所以平時(shí)開(kāi)發(fā)還是要多注意修煉內(nèi)功啊！還有就是不要耍小聰明...

做題的時(shí)候太緊張，發(fā)揮的不是很好，感覺(jué)要掛，然后就。。。真的掛了。。。

第二天就收到郵件通知了，大概就說(shuō)不合適，不會(huì)繼續(xù)安排接下來(lái)的面試。。。

每次收到面試被拒絕的消息都會(huì)特別難受、懊悔，面試真的很累，心累。。。

第三次 20:30

當(dāng)時(shí)正在吃晚飯，接到了阿里面試通知。問(wèn)我有沒(méi)有考慮新的工作機(jī)會(huì)，簡(jiǎn)單了解了技術(shù)棧之后，說(shuō)這 2 天會(huì)給我打電話面試。

電話一面

面試官人很 nice，說(shuō)：咱們從你的簡(jiǎn)歷開(kāi)始說(shuō)吧，要不然會(huì)比較尬，我說(shuō)：好。

• 自我介紹
• 聊了一下簡(jiǎn)歷中提到的第一個(gè)項(xiàng)目
• 問(wèn)我如何優(yōu)化的？真正在項(xiàng)目里如何優(yōu)化的？
• 移動(dòng)如何端適配？
• dpr 的值會(huì)影響 rem 嗎？該如何處理呢？
• vue 2.x 生命周期？每個(gè)生命中通常做哪些操作？
• vue 2.x 雙向綁定原理？
• taro 有了解嗎？
• mpvue 原理知道嗎？
• 小程序解決了什么問(wèn)題？
• 如果業(yè)務(wù)壓力比較大，需求比較緊急，你如何處理？
• 有什么想問(wèn)我的？

一面在線筆試

跟之前在線筆試一樣，共 3 題，一共時(shí)間一個(gè)小時(shí)。這次做的相對(duì)來(lái)說(shuō)比較好，然后就通過(guò)了！

電話二面

也是在 20:30 左右，面試官打來(lái)電話，開(kāi)始面試。

• 自我介紹
• 簡(jiǎn)歷中第一個(gè)項(xiàng)目如何優(yōu)化？首頁(yè)一共有多少個(gè)接口，每個(gè)接口時(shí)間多少？（一臉蒙蔽）
• 埋點(diǎn)做了嗎？為什么不做？
• 遇到比較難的問(wèn)題是什么？
• 你們前端團(tuán)隊(duì)價(jià)值是什么？
• 后端人開(kāi)發(fā)前端頁(yè)面這種方式好嗎？
• 如果再待 2 年，你會(huì)做什么？
• vue 3 中用 proxy 缺點(diǎn)是什么？除了兼容性，還有其它缺點(diǎn)嗎？
• vue 源碼讀過(guò)嗎？你感覺(jué)哪段源碼比較好？為什么？
• 前端發(fā)展趨勢(shì)是什么？
• 有什么想問(wèn)我的嗎？

回答的不是特別好，好多問(wèn)題沒(méi)有準(zhǔn)備好話術(shù)去如何更好的表達(dá)出來(lái)。面試官說(shuō)我可以推你到阿里的全資子公司，然后就答應(yīng)了。。。

電話三面

過(guò)了 1-2 周左右，就開(kāi)始了接下來(lái)的三面。整個(gè)過(guò)程就像是閑聊天。主要是聊現(xiàn)在公司的業(yè)務(wù)。一個(gè)技術(shù)問(wèn)題沒(méi)有問(wèn)。。。

• 自我介紹
• 公司業(yè)務(wù)情況？業(yè)務(wù)閉環(huán)是什么？
• 職業(yè)規(guī)劃？
• 為什么離職？
• 你是如何學(xué)習(xí)的？

還有一些問(wèn)題，忘了...

然而，命運(yùn)沒(méi)那么順利，總會(huì)有困難在等著自己。你猜的沒(méi)錯(cuò)！這次三面又掛了。。。

“真是天將降大任于斯人也”。我也只能這樣安慰我自己了。。。

就在接到這個(gè)消息的那天晚上，我收到了阿里另一個(gè) BU 團(tuán)隊(duì)對(duì)我的面試邀請(qǐng)。當(dāng)時(shí)心情真的特別復(fù)雜，文筆不好，沒(méi)有適合的文字來(lái)描述我當(dāng)時(shí)的心情。

說(shuō)面就面，當(dāng)天晚上 20:30 就開(kāi)始了面試

第四次 20:30

在線筆試 + 視頻面試

這次面試方式比較特別，在線筆試 + 視頻面試，一遍回答一遍敲代碼，完全無(wú)提示，就像是文本編輯器。

• 自我介紹
• 手寫(xiě) flat、debounce 函數(shù)？
• url 輸入到頁(yè)面展示都發(fā)生了什么？（展開(kāi)說(shuō)每個(gè)具體細(xì)節(jié)）
• 瀏覽器緩存？
• 跨域及處理方式？
• css 會(huì)阻止 dom 渲染嗎？
• script 會(huì)阻止 dom 解析嗎，除了將 script 放在 body 底部，還有什么方法防止阻塞渲染？
• 接著進(jìn)一步提問(wèn) defer、async 區(qū)別？
• css 選擇器是如何解析匹配的，為什么？
• 垂直居中的方法有哪些？
• vue 跟 react 對(duì)比？
• vue diff 算法？
• vue key 值作用？
• nextTick 作用和原理？
• vue 2.x 響應(yīng)式如何實(shí)現(xiàn)的？
• 虛擬 DOM 有哪幾部分組成？
• git rebase、git cherry-pick、git reflog 作用？
• 瀏覽器事件循環(huán)機(jī)制？
• 問(wèn)項(xiàng)目相關(guān)？
• webpack plugin 寫(xiě)過(guò)嗎？用來(lái)做什么的？如何實(shí)現(xiàn)呢？
• JS 設(shè)計(jì)模式之工廠模式有了解嗎？
• 移動(dòng)端適配？（rem 或者 vw/vh）
• async 與 await 原理？
• http/1.1 與 http/2 區(qū)別
• options 請(qǐng)求是什么？什么時(shí)候會(huì)觸發(fā)？
• 什么是堆、棧、鏈表？
• 虛擬 DOM 有哪幾部分組成？
• 平時(shí)通過(guò)什么渠道去學(xué)習(xí)？
• 你有什么想問(wèn)我的？

面試了 1 個(gè)多小時(shí)，回答的還不錯(cuò)。感覺(jué)只能通過(guò)面試才能修復(fù)面試后失落的心情。在哪里跌倒就要在哪里爬起來(lái)！！！

視頻二面（釘釘視頻）

大佬首先自我介紹了一下團(tuán)隊(duì)目前業(yè)務(wù)情況

• 自我介紹
• cookie 有了解嗎？（從后端種 cookie 到前端 http 請(qǐng)求說(shuō)了一遍）
• 它會(huì)有什么安全問(wèn)題嗎？如何解決？
• cookie 的 SameSite 屬性有了解嗎？
• 如果再待 2 年，你打算做什么？
• 然后根據(jù)你自己將要做的事情，展開(kāi)細(xì)細(xì)詢問(wèn)？
• vue 2.x 響應(yīng)式如何實(shí)現(xiàn)的？
• vue 3 響應(yīng)式如何實(shí)現(xiàn)的？?jī)?yōu)缺點(diǎn)是什么？
• 平時(shí)怎么學(xué)習(xí)的？
• 為什么離職？
• 有什么想問(wèn)我的？

我問(wèn)了：根據(jù)我剛剛的表現(xiàn)，能不能給我一些建議？

老大回答說(shuō)：看我一面的面試 80% 的都回答對(duì)了，基礎(chǔ)知識(shí)很扎實(shí)，主要對(duì)復(fù)雜場(chǎng)景下架構(gòu)方面的技能需要提升。

還有一些問(wèn)題記不清楚了，等想到了再更新吧。

視頻三面（釘釘視頻）

老時(shí)間，20:30，大佬用釘釘給我開(kāi)了視頻，開(kāi)始視頻面試。

大佬先說(shuō)本次面試分 3 大部分：技術(shù)、業(yè)務(wù)、規(guī)劃

• 自我介紹
• 數(shù)組如何找最大值？
• apply 與 call 的區(qū)別？
• bind 返回的函數(shù)，再次 bind 后，上下文是指向哪個(gè)？
• 將一個(gè)元素隱藏你有幾種方式？
• 進(jìn)一步提問(wèn) visibility: hidden 與 opacity: 0 有什么區(qū)別？
• http/1.0 、http/1.1、http/2、http/3 區(qū)別？
• 強(qiáng)緩存與協(xié)商緩存具體實(shí)現(xiàn)？
• 遇到最難的問(wèn)題是什么？
• 業(yè)務(wù)相關(guān)的問(wèn)題？
• 職業(yè)規(guī)劃相關(guān)？

這次跟聊得很開(kāi)心！一共聊了一個(gè)半小時(shí)左右。整體感覺(jué)不錯(cuò)，也向大佬學(xué)到了很多技術(shù)之外的東西。

HR 視頻面試

HR 人很好，怕我緊張，專(zhuān)門(mén)開(kāi)了視頻面試。

• 自我介紹？
• 團(tuán)隊(duì)成員介紹？
• 你是如何評(píng)價(jià)自己的？
• 為什么離職？
• 印象比較深的項(xiàng)目？
• 公司中印象比較深刻的人？
• 對(duì)我們公司的認(rèn)識(shí)？
• 現(xiàn)在薪資情況？入職期望薪資？
• 你有考慮其它公司機(jī)會(huì)嗎？
• 多久能入職？
• 你有什么想問(wèn)我的？

提醒一下大家，請(qǐng)重視 HR 面試，并不比技術(shù)面簡(jiǎn)單。

第四次面試，從開(kāi)始面試到拿到 offer 一共經(jīng)歷了大概 20 多天，總體來(lái)說(shuō)，還算比較順利。

大概就是這樣，感謝以上大佬給我的一些建議，我會(huì)努力把自己變得更好，感謝。

心得

決定面試成敗的因素有很多（技術(shù) + 心態(tài) + 機(jī)遇），所以要以平常心來(lái)對(duì)待每一次面試，不要慌，我也是因?yàn)榫o張不夠自信錯(cuò)失了一些機(jī)會(huì)。

就像是手里的沙子，用力握緊，只會(huì)加速它的流失。所以平常心很重要。

面試真的是個(gè)腦力活，說(shuō)實(shí)話當(dāng)面試失敗的時(shí)候真的很沮喪，也有一度懷疑自己的能力。但是每一次失敗都是一塊通向成功的墊腳石。所以失敗不要怕，要厚積薄發(fā)，時(shí)機(jī)到了就成了。

面試過(guò)程就像你與面試官之間在下一局棋，盡量把每一步都控制在自己的“棋局”中。也就是你簡(jiǎn)歷中提到的、面試中回答的每個(gè)技術(shù)詞匯，都能保證有自己的理解和認(rèn)識(shí)，不至于被問(wèn)的蒙蔽。

最后

想了解更多阿里面試相關(guān)的同學(xué)可關(guān)注，只搞技術(shù)不搞廣告文【學(xué)前端】公眾號(hào)，里面有我面試前準(zhǔn)備的技術(shù)點(diǎn)和自己的總結(jié)：

個(gè)人 github 地址：https://github.com/gauseen

個(gè)人微信：gauseen