剛整理完2018屆前端校招的面試記錄趁著記憶還熱乎把百度、網(wǎng)易、搜狗、阿里四家公司的完整面試流程、題目和心得寫下來(lái)。這篇文章不是單純曬offer或者報(bào)喜而是想給準(zhǔn)備前端校招的同學(xué)一份可以直接參考的“實(shí)戰(zhàn)地圖”——每一輪面試怎么面的、問(wèn)了什么題、面試官到底想考察什么、我當(dāng)時(shí)是怎么答的、哪些地方事后復(fù)盤發(fā)現(xiàn)答得不好。如果你現(xiàn)在正在準(zhǔn)備前端面試或者剛剛開始走前端學(xué)習(xí)路線這篇文章值得你花二十分鐘讀完。1. 再聊2018屆前端校招那年面試到底考什么1.1 時(shí)間背景為什么2018屆是一個(gè)特殊的年份2018屆畢業(yè)對(duì)應(yīng)的秋招時(shí)間是2017年9月到10月。那一年前端圈子的技術(shù)棧和現(xiàn)在有明顯差異Vue 2.x正處于爆發(fā)期React 16剛發(fā)布不久Webpack 3到4的過(guò)渡讓工程化話題變得非常熱。面試題庫(kù)遠(yuǎn)沒(méi)有現(xiàn)在這么“卷”沒(méi)有微前端、沒(méi)有跨端框架、沒(méi)有Serverless連面試官問(wèn)的問(wèn)題都相對(duì)克制。但有一點(diǎn)和現(xiàn)在完全一致基礎(chǔ)永遠(yuǎn)是大頭手寫代碼永遠(yuǎn)繞不開。那一年還有一個(gè)特殊背景移動(dòng)端H5開發(fā)需求爆發(fā)hybrid架構(gòu)在各家大廠已經(jīng)落地所以面試中“移動(dòng)端適配”“瀏覽器渲染機(jī)制”“HTTP緩存”幾乎是必考題。另外2017年也是“前端工程化”從概念走向標(biāo)配的一年webpack的loader、plugin區(qū)別幾乎是所有大廠二面的必問(wèn)題。1.2 備戰(zhàn)階段我是怎么準(zhǔn)備簡(jiǎn)歷和知識(shí)體系的我的備戰(zhàn)時(shí)間線大概是提前三個(gè)月開始。七月份先過(guò)基礎(chǔ)JavaScript核心閉包、原型鏈、作用域、this指向、瀏覽器原理渲染流程、事件循環(huán)、垃圾回收、HTTP與網(wǎng)絡(luò)基礎(chǔ)緩存、跨域、HTTPS握手、CSS布局flex、居中、BFC。八月開始投遞簡(jiǎn)歷和內(nèi)推同時(shí)刷LeetCode高頻題和前端手寫題。簡(jiǎn)歷方面我準(zhǔn)備了兩頁(yè)第一頁(yè)寫教育背景、技術(shù)棧、實(shí)習(xí)經(jīng)歷和項(xiàng)目經(jīng)歷第二頁(yè)附上GitHub和博客鏈接。現(xiàn)在回頭看2018屆的簡(jiǎn)歷篩選對(duì)“實(shí)習(xí)經(jīng)歷”非常看重有實(shí)習(xí)經(jīng)歷的同學(xué)拿到面試機(jī)會(huì)的概率高很多。如果當(dāng)時(shí)沒(méi)有實(shí)習(xí)項(xiàng)目經(jīng)歷就要寫得足夠扎實(shí)每個(gè)項(xiàng)目要能講清楚背景、技術(shù)選型、核心難點(diǎn)、最終效果并且能應(yīng)對(duì)面試官隨后的連環(huán)追問(wèn)。2. 百度三輪技術(shù)面加一輪HR面主觀設(shè)計(jì)題才是分水嶺2.1 百度面試流程與一面基礎(chǔ)題復(fù)盤百度的流程是內(nèi)推、筆試或者部分崗位免筆試、三輪技術(shù)面加一輪HR面。我當(dāng)時(shí)是8月底通過(guò)學(xué)長(zhǎng)內(nèi)推投遞9月初收到面試通知面試地點(diǎn)在西二旗的百度科技園。整個(gè)流程一天內(nèi)走完三輪技術(shù)面節(jié)奏非常緊湊。一面面試官比較年輕上來(lái)先讓自我介紹然后直接問(wèn)我“項(xiàng)目里遇到最難的問(wèn)題是什么”這是幾乎所有大廠一面的固定開場(chǎng)表面在聊項(xiàng)目實(shí)際是在考察你的技術(shù)深度和表達(dá)能力。我當(dāng)時(shí)講的是H5頁(yè)面在低端安卓機(jī)上的內(nèi)存優(yōu)化問(wèn)題面試官順著追問(wèn)了瀏覽器垃圾回收機(jī)制和內(nèi)存泄漏的常見場(chǎng)景。隨后進(jìn)入手寫代碼環(huán)節(jié)。我記得很清楚一面一共考了四道題手寫new操作符并解釋new的過(guò)程中發(fā)生了什么手寫防抖函數(shù)和節(jié)流函數(shù)并說(shuō)明兩者適用場(chǎng)景的區(qū)別考察變量提升與事件循環(huán)給出代碼輸出執(zhí)行順序利用原型鏈實(shí)現(xiàn)一個(gè)簡(jiǎn)單的繼承這四道題都是2018年前端面試八股文里的高頻題沒(méi)有偏題怪題。但如果你只是背結(jié)論不深入理解原理面試官一追問(wèn)就會(huì)露餡。比如手寫new的時(shí)候面試官會(huì)繼續(xù)問(wèn)“如果構(gòu)造函數(shù)返回了一個(gè)對(duì)象new的結(jié)果是什么”這就是考察你是否真的理解了new的完整過(guò)程。2.2 百度二面Vue原理與工程化深挖二面開始進(jìn)入框架和工程化領(lǐng)域。面試官問(wèn)的第一個(gè)問(wèn)題是“Vue 2的響應(yīng)式原理是怎么實(shí)現(xiàn)的”這個(gè)問(wèn)題在2017年幾乎是必考題答案核心是Object.defineProperty。我當(dāng)時(shí)的回答思路是數(shù)據(jù)對(duì)象通過(guò)Object.defineProperty進(jìn)行屬性劫持每個(gè)屬性有一個(gè)Dep依賴收集器組件渲染時(shí)通過(guò)Watcher訂閱依賴數(shù)據(jù)變化時(shí)觸發(fā)setter通知Watcher更新視圖。面試官聽完沒(méi)有停繼續(xù)追問(wèn)了幾個(gè)很容易卡殼的問(wèn)題Object.defineProperty有什么缺陷數(shù)組的響應(yīng)式是怎么處理的Vue中給對(duì)象新增屬性為什么不是響應(yīng)式的怎么解決computed和watch的實(shí)現(xiàn)差異數(shù)組響應(yīng)式這塊如果只看文檔沒(méi)看源碼很容易答不上來(lái)。我當(dāng)時(shí)答的是Vue 2通過(guò)重寫數(shù)組的七個(gè)方法push、pop、shift、unshift、splice、sort、reverse來(lái)實(shí)現(xiàn)數(shù)組的響應(yīng)式監(jiān)聽而沒(méi)有通過(guò)defineProperty對(duì)數(shù)組的每一項(xiàng)進(jìn)行劫持因?yàn)閿?shù)組長(zhǎng)度可能非常長(zhǎng)性能消耗太大。新增屬性用Vue.set解決。接著問(wèn)webpackloader和plugin有什么區(qū)別我當(dāng)時(shí)答loader是文件加載器負(fù)責(zé)將不同類型的文件轉(zhuǎn)換成模塊plugin是插件系統(tǒng)可以監(jiān)聽webpack構(gòu)建生命周期在特定時(shí)機(jī)執(zhí)行自定義邏輯。但面試官接著問(wèn)“如果讓你寫一個(gè)loader你會(huì)怎么寫”這個(gè)就要求對(duì)loader的API有一定的了解。我是從loader是導(dǎo)出一個(gè)函數(shù)的模塊、接收source參數(shù)、返回處理后的結(jié)果這個(gè)角度回答的。2.3 百度三面主管面與開放式設(shè)計(jì)題三面是主管面沒(méi)有問(wèn)太多具體技術(shù)只問(wèn)了一道開放式設(shè)計(jì)題“如果讓你設(shè)計(jì)一個(gè)前端錯(cuò)誤上報(bào)系統(tǒng)你會(huì)怎么設(shè)計(jì)”這道題我印象非常深刻因?yàn)樗鼪](méi)有標(biāo)準(zhǔn)答案考察的是需求拆解能力和方案取舍能力。我當(dāng)時(shí)的回答是分四步第一步確定上報(bào)內(nèi)容包括錯(cuò)誤類型、錯(cuò)誤信息、發(fā)生時(shí)間、頁(yè)面URL、用戶設(shè)備信息第二步確定上報(bào)方式用動(dòng)態(tài)創(chuàng)建Image標(biāo)簽的方式發(fā)送GET請(qǐng)求而不是用XMLHttpRequest因?yàn)镮mage請(qǐng)求沒(méi)有跨域限制且不影響頁(yè)面主流程第三步設(shè)計(jì)批量上報(bào)策略將錯(cuò)誤信息暫存在內(nèi)存隊(duì)列中達(dá)到一定數(shù)量或者頁(yè)面卸載前統(tǒng)一上報(bào)第四步增加錯(cuò)誤去重和服務(wù)端日志檢索接口。面試官一路引導(dǎo)追問(wèn)“如果用戶斷網(wǎng)了錯(cuò)誤信息丟失怎么辦”“上報(bào)請(qǐng)求本身失敗了怎么辦”這些問(wèn)題實(shí)際在考邊界情況的處理。我當(dāng)時(shí)答了使用localStorage做本地緩存網(wǎng)絡(luò)恢復(fù)后補(bǔ)報(bào)以及navigator.sendBeacon在頁(yè)面卸載時(shí)發(fā)送數(shù)據(jù)的方案。這輪面試雖然難但很能考驗(yàn)平時(shí)的知識(shí)積累和思維習(xí)慣。HR面在這個(gè)流程之后問(wèn)了一些常規(guī)問(wèn)題是否接受加班、對(duì)百度的了解、職業(yè)規(guī)劃、手里還有其他offer嗎。整體感覺百度HR面相對(duì)輕松主要看你的意愿和穩(wěn)定性。3. 網(wǎng)易從筆試到HR面基礎(chǔ)題一題都不能錯(cuò)3.1 網(wǎng)易在線筆試題量大時(shí)間緊細(xì)節(jié)點(diǎn)多網(wǎng)易的校招流程比較規(guī)范在線筆試、技術(shù)面兩輪到三輪、HR面。2017年網(wǎng)易的筆試是在一個(gè)周末統(tǒng)一進(jìn)行的題目類型分為三塊選擇題、編程題和問(wèn)答題。選擇題覆蓋面很廣前端基礎(chǔ)、操作系統(tǒng)、網(wǎng)絡(luò)、智力題都有其中最讓人頭疼的是一些非常細(xì)節(jié)的題目。我挑幾個(gè)印象深的CSS中display:none和visibility:hidden的區(qū)別這個(gè)簡(jiǎn)單給定HTML結(jié)構(gòu)判斷CSS選擇器的優(yōu)先級(jí)順序localStorage的存儲(chǔ)容量上限是多少JavaScript中0.10.2為什么不等于0.3怎么解決這些題每年都會(huì)出現(xiàn)看起來(lái)不難但容易在細(xì)節(jié)上翻車。比如localStorage容量上限標(biāo)準(zhǔn)答案通常是5MB左右但每個(gè)瀏覽器實(shí)現(xiàn)略有差異如果沒(méi)實(shí)際測(cè)過(guò)只能憑印象猜。0.10.2的問(wèn)題除了說(shuō)明二進(jìn)制浮點(diǎn)數(shù)精度問(wèn)題最好還能給出toFixed或者轉(zhuǎn)化為整數(shù)運(yùn)算的解決方案。編程題一般有三道難度屬于LeetCode中等偏下數(shù)組去重、字符串處理、二維數(shù)組查找。但要注意的是在線筆試的編程題不能跳出去查API平時(shí)寫代碼不脫離IDE的同學(xué)需要提前適應(yīng)這種裸寫環(huán)境。3.2 網(wǎng)易技術(shù)面面試官很溫和但問(wèn)題非常細(xì)網(wǎng)易的技術(shù)面風(fēng)格和百度完全不同面試官很溫和不會(huì)故意施壓但問(wèn)題考察得特別細(xì)致。一面開場(chǎng)也是自我介紹加項(xiàng)目然后問(wèn)題就一個(gè)接一個(gè)來(lái)了HTTP狀態(tài)碼301和302的區(qū)別是什么強(qiáng)緩存和協(xié)商緩存分別是怎么工作的HTTP頭字段有哪些瀏覽器從輸入U(xiǎn)RL到頁(yè)面顯示中間發(fā)生了什么TCP三次握手為什么需要三次頁(yè)面加載白屏?xí)r間過(guò)長(zhǎng)怎么排查這些問(wèn)題本身不偏但網(wǎng)易面試官喜歡往細(xì)節(jié)里問(wèn)。比如緩存問(wèn)題不僅要說(shuō)出Cache-Control和ETag還要能說(shuō)明瀏覽器是怎么判斷緩存是否過(guò)期、服務(wù)端返回304時(shí)瀏覽器怎么處理。又比如TCP三次握手為什么要三次而不是兩次如果只回答了“確認(rèn)雙方收發(fā)能力”還要能補(bǔ)充“防止歷史重復(fù)連接初始化造成混亂”這層理解。二面問(wèn)了一道有意思的設(shè)計(jì)題“如果頁(yè)面首屏加載很慢你怎么定位問(wèn)題并給出優(yōu)化方案。”我當(dāng)時(shí)從網(wǎng)絡(luò)請(qǐng)求、資源體積、渲染性能三個(gè)維度分析提到減少HTTP請(qǐng)求、開啟CDN、圖片懶加載、JavaScript代碼分割、使用SSR或者預(yù)渲染等。面試官順著問(wèn)了一個(gè)當(dāng)時(shí)非常新的話題“你怎么看待前端性能優(yōu)化的邊界——哪些優(yōu)化應(yīng)該在前端做哪些應(yīng)該在服務(wù)端做”這個(gè)問(wèn)題的核心是要你理解前后端協(xié)作的邊界而不是一味在前端堆優(yōu)化手段。3.3 網(wǎng)易HR面和其他需要注意的細(xì)節(jié)網(wǎng)易的HR面安排在技術(shù)面之后問(wèn)的問(wèn)題比較直接期望薪資多少、能不能接受去杭州工作、手上還有其他offer嗎、對(duì)網(wǎng)易游戲怎么看。這里有兩個(gè)細(xì)節(jié)值得注意第一期望薪資不要隨口報(bào)一個(gè)數(shù)提前查一下行業(yè)水平結(jié)合城市消費(fèi)水平來(lái)回答第二對(duì)于“為什么選擇網(wǎng)易”建議提前調(diào)研一下目標(biāo)部門的產(chǎn)品面試時(shí)提到具體產(chǎn)品會(huì)讓HR覺得你是認(rèn)真準(zhǔn)備的。網(wǎng)易的整體面試壓力在四家公司里算最小的但這不代表可以通過(guò)。網(wǎng)易考察的題目雖然不難但覆蓋范圍特別廣任何一塊基礎(chǔ)薄弱都可能被問(wèn)倒。我的經(jīng)驗(yàn)是把前端面試八股文里所有基礎(chǔ)類題目全部過(guò)一遍確保沒(méi)有死角再去網(wǎng)易面試。4. 搜狗算法題比例最高要敢寫暴力解再說(shuō)優(yōu)化4.1 搜狗一面聊完基礎(chǔ)直接上算法搜狗面試地點(diǎn)在五道口的搜狐網(wǎng)絡(luò)大廈流程是兩輪技術(shù)面加一輪HR面。有一說(shuō)一搜狗是我面試的四家公司里算法題比例最高的這跟搜狗做搜索、輸入法等產(chǎn)品技術(shù)棧有關(guān)系面試官對(duì)編碼能力的要求非常高。一面先快速聊了JavaScript基礎(chǔ)繼承的幾種方式、作用域鏈、閉包的應(yīng)用場(chǎng)景、正則表達(dá)式常用方法。大概聊到第十分鐘面試官就說(shuō)“我們做幾道題吧。”然后直接書面出了三道題寫一個(gè)函數(shù)實(shí)現(xiàn)字符串反轉(zhuǎn)給定兩個(gè)數(shù)組返回它們的交集要求去重用JavaScript實(shí)現(xiàn)兩個(gè)大數(shù)相加這三道題看起來(lái)都很基礎(chǔ)但面試官的要求是一邊寫代碼一邊講解思路并且寫完要能說(shuō)出時(shí)間復(fù)雜度和空間復(fù)雜度。大數(shù)相加那道題如果不用BigInt需要模擬豎式加法從最低位開始逐位相加注意進(jìn)位。這道題很考驗(yàn)基本功因?yàn)橐坏?shù)組下標(biāo)沒(méi)處理好很容易出現(xiàn)邊界錯(cuò)誤。4.2 搜狗二面算法難度上升考察現(xiàn)場(chǎng)思考能力二面的算法題難度明顯提升。我記得有一道是二叉樹層序遍歷要求按層輸出每一層一個(gè)數(shù)組。常規(guī)做法是用隊(duì)列配合levelSize記錄每層節(jié)點(diǎn)數(shù)。面試官看我寫完又問(wèn)了一個(gè)變體如果要求從底向上按層輸出呢其實(shí)就是加一個(gè)unshift或者最后reverse一下。另一道題是手寫LRU緩存淘汰算法。這道題在2017年的前端面試?yán)锓浅Ｉ僖娢耶?dāng)時(shí)愣了一下面試官很友善地提示“可以從Map的插入順序特性入手”。我順著提示寫了一個(gè)基于Map的實(shí)現(xiàn)get時(shí)將讀取的key先刪除再重新set保證最近訪問(wèn)的key在末尾達(dá)到容量上限時(shí)刪除最前面的key。這道題讓我意識(shí)到搜狗面試官更看重你面對(duì)陌生問(wèn)題時(shí)的思考過(guò)程和編碼能力而不是期待你背過(guò)所有題目。4.3 針對(duì)搜狗這類公司算法題應(yīng)該怎么準(zhǔn)備如果你目標(biāo)是搜狗或者其他對(duì)算法要求高的公司我的建議是LeetCode高頻題刷兩遍重點(diǎn)覆蓋數(shù)組、字符串、鏈表、二叉樹、棧、隊(duì)列、動(dòng)態(tài)規(guī)劃基礎(chǔ)練習(xí)“先講思路再寫代碼”的習(xí)慣每道題拿到手先給出暴力解再分析能不能優(yōu)化注意代碼規(guī)范變量命名清晰、邊界條件處理完整、寫完主動(dòng)跑幾個(gè)測(cè)試用例準(zhǔn)備一些常見變體題比如層序遍歷的變體、數(shù)組去重的多解法、字符串反轉(zhuǎn)的多解法面試中如果遇到?jīng)]做過(guò)的題不要慌先說(shuō)暴力解然后逐步優(yōu)化。搜狗面試官很吃這一套他們更關(guān)注你的思考路徑是否清晰而不是答案是否完美。5. 阿里連環(huán)深挖式追問(wèn)每一輪都在考察原理邊界5.1 阿里一面電話面從簡(jiǎn)歷項(xiàng)目發(fā)起連環(huán)追問(wèn)細(xì)節(jié)阿里的面試流程是簡(jiǎn)歷篩選、電話面或者視頻面、現(xiàn)場(chǎng)技術(shù)面三輪、HR面。整體流程跨度比較長(zhǎng)每一輪面試都有一定淘汰率而且面試官喜歡連環(huán)深挖一個(gè)問(wèn)題套一個(gè)問(wèn)題直到你答不出來(lái)為止。我的一面是電話面持續(xù)了大概四十分鐘。面試官先讓我挑選一個(gè)最有代表性的項(xiàng)目講然后追問(wèn)的密度非常高項(xiàng)目里跨域是怎么解決的JSONP和CORS的區(qū)別CORS的預(yù)檢請(qǐng)求是怎么觸發(fā)的哪些類型的請(qǐng)求不會(huì)觸發(fā)預(yù)檢如果服務(wù)端沒(méi)有返回正確的CORS頭瀏覽器會(huì)怎么處理HTTPS的握手過(guò)程是怎樣的對(duì)稱加密和非對(duì)稱加密在握手過(guò)程中各起到什么作用電話面比現(xiàn)場(chǎng)面更難的一點(diǎn)是沒(méi)有紙筆不能畫圖全靠嘴說(shuō)。如果對(duì)知識(shí)沒(méi)有形成體系化的理解很容易講著講著就亂了。我的建議是準(zhǔn)備電話面之前把所有知識(shí)點(diǎn)用自己的話口頭復(fù)述一遍確保能夠流暢地講出來(lái)。5.2 阿里現(xiàn)場(chǎng)面手寫Promise、事件循環(huán)、柯里化一個(gè)不少現(xiàn)場(chǎng)面一共三輪節(jié)奏很緊湊。第一輪從一道算法題開始給定一個(gè)整數(shù)數(shù)組找出其中兩個(gè)數(shù)相加等于目標(biāo)值返回下標(biāo)。這道題LeetCode第一題但面試官要求用雙指針或者哈希表實(shí)現(xiàn)并且分析兩種方案的空間復(fù)雜度差異。寫完算法題后就開始深挖JavaScript描述事件循環(huán)機(jī)制macro task和micro task的執(zhí)行順序給段代碼讓寫出輸出結(jié)果手寫Promise至少要實(shí)現(xiàn)resolve、reject、then、catch方法手寫柯里化函數(shù)curry講解this在不同調(diào)用方式下的指向手寫Promise那題我寫了一個(gè)簡(jiǎn)化版本Promise有三個(gè)狀態(tài)pending、fulfilled、rejectedthen方法將回調(diào)推入隊(duì)列狀態(tài)改變時(shí)依次執(zhí)行。面試官追問(wèn)“如果then里面返回了一個(gè)新的Promise你是如何處理的”這個(gè)問(wèn)題涉及Promise鏈?zhǔn)秸{(diào)用的核心我當(dāng)時(shí)答得不夠好只是說(shuō)需要遞歸處理返回值但沒(méi)有展開具體實(shí)現(xiàn)。這面結(jié)束之后我立刻復(fù)盤把Promise A規(guī)范完整讀了一遍補(bǔ)上了這個(gè)短板。第二輪現(xiàn)場(chǎng)面主要問(wèn)Vue原理和項(xiàng)目細(xì)節(jié)模板編譯的流程是什么render函數(shù)是怎么生成的虛擬DOM的diff算法及時(shí)間復(fù)雜度computed和watch的區(qū)別nextTick的原理是什么項(xiàng)目里使用過(guò)哪些性能優(yōu)化手段如果讓你設(shè)計(jì)一個(gè)組件庫(kù)你會(huì)怎么設(shè)計(jì)這些問(wèn)題在2018屆前端面經(jīng)里反復(fù)出現(xiàn)但阿里的特點(diǎn)是會(huì)一直追問(wèn)到“你確實(shí)不會(huì)”為止。比如diff算法面試官會(huì)繼續(xù)問(wèn)“key的作用是什么為什么不能用index作為key”這就需要不僅了解diff算法還要理解列表渲染時(shí)的復(fù)用策略。第三輪是主管面風(fēng)格相對(duì)宏觀問(wèn)的是技術(shù)選型、職業(yè)規(guī)劃、團(tuán)隊(duì)協(xié)作、對(duì)前端的理解這些問(wèn)題。這輪更多考察候選人的綜合素質(zhì)、思維方式和溝通能力不再糾結(jié)具體技術(shù)細(xì)節(jié)。5.3 阿里HR面價(jià)值觀匹配度與一票否決權(quán)阿里的HR面是出了名的重要HR有一票否決權(quán)。我當(dāng)時(shí)被問(wèn)到的問(wèn)題包括大學(xué)期間遇到過(guò)最大的困難是什么怎么解決的團(tuán)隊(duì)合作中有沒(méi)有出現(xiàn)過(guò)意見分歧你是怎么處理的為什么想加入阿里巴巴未來(lái)三到五年的職業(yè)規(guī)劃是什么期望的工作節(jié)奏是什么樣的這些問(wèn)題沒(méi)有標(biāo)準(zhǔn)答案但有一點(diǎn)很關(guān)鍵回答要真誠(chéng)、具體有真實(shí)的案例支撐。比如“最大的困難”這個(gè)問(wèn)題如果你說(shuō)的是“期末考試復(fù)習(xí)壓力大”HR大概率會(huì)覺得沒(méi)有說(shuō)服力如果你說(shuō)的是一個(gè)具體的技術(shù)難題或者團(tuán)隊(duì)矛盾并且能清晰講出當(dāng)時(shí)的分析、行動(dòng)和結(jié)果HR就會(huì)認(rèn)為你有解決問(wèn)題的能力和韌性。阿里HR面還有一個(gè)特點(diǎn)會(huì)在面試中提到工作地點(diǎn)、是否接受異地、是否接受部門調(diào)劑。這些信息建議提前想清楚不要面試時(shí)給一個(gè)模糊的回答反而顯得你目標(biāo)不明確。6. 校招復(fù)盤踩過(guò)的坑與可復(fù)用的經(jīng)驗(yàn)6.1 那些讓面試加分的細(xì)節(jié)以及我踩過(guò)的坑四家公司面下來(lái)我總結(jié)了一些加分細(xì)節(jié)和反面教材。加分細(xì)節(jié)方面寫代碼前先口頭確認(rèn)思路一句話說(shuō)出方案再動(dòng)手面試官會(huì)覺得你有工程習(xí)慣被問(wèn)到一個(gè)不會(huì)的問(wèn)題時(shí)不直接說(shuō)不會(huì)而是說(shuō)出自己理解到的部分并且嘗試拆解問(wèn)題態(tài)度很重要每輪面試結(jié)尾面試官問(wèn)“你有什么想問(wèn)我的”準(zhǔn)備兩個(gè)高質(zhì)量問(wèn)題比如團(tuán)隊(duì)技術(shù)棧、當(dāng)前面臨的技術(shù)挑戰(zhàn)這能體現(xiàn)你的主動(dòng)性。踩過(guò)的坑也有不少。第一簡(jiǎn)歷上寫了“熟悉”但是沒(méi)有深入準(zhǔn)備的領(lǐng)域面試官追問(wèn)時(shí)答不上來(lái)反而扣分。比如我在簡(jiǎn)歷里寫了“熟悉Web安全”實(shí)際只是了解XSS和CSRF的概念面試官追問(wèn)DOM型XSS和反射型XSS的區(qū)別時(shí)我只能靠猜。后來(lái)我把簡(jiǎn)歷上所有技能點(diǎn)都過(guò)了一遍確保每一項(xiàng)都能講出至少三個(gè)層面的內(nèi)容才敢自信地寫在簡(jiǎn)歷上。第二面試前一定要了解目標(biāo)公司近期在做的事情。我去網(wǎng)易面試之前只是大概知道網(wǎng)易有游戲和郵箱業(yè)務(wù)但面試官問(wèn)到“你覺得網(wǎng)易郵箱前端可以怎么優(yōu)化”時(shí)我完全沒(méi)準(zhǔn)備回答得很空。這提醒我面經(jīng)不只是背題還要結(jié)合公司的業(yè)務(wù)場(chǎng)景去設(shè)想問(wèn)題。6.2 四家公司面試風(fēng)格對(duì)比與時(shí)間線建議整理了一個(gè)表格方便大家對(duì)比公司面試輪次考察風(fēng)格手寫代碼比例壓力程度百度三面技術(shù)一面HR主管主導(dǎo)重設(shè)計(jì)題與方案能力中中網(wǎng)易筆試兩輪技術(shù)HR按部就班基礎(chǔ)覆蓋廣題目不偏中低低搜狗兩輪技術(shù)HR算法題比例高看重編碼能力與思考過(guò)程高中高阿里電話面三輪現(xiàn)場(chǎng)HR連環(huán)深挖原理考察知識(shí)邊界與綜合能力高高時(shí)間線方面我的建議是7月到8月初集中過(guò)基礎(chǔ)同時(shí)刷LeetCode和前端手寫題8月中下旬開始投遞提前批和內(nèi)推大廠提前批通常免筆試或者直接進(jìn)入面試環(huán)節(jié)9月是正式批筆面試高峰期盡量把節(jié)奏拉開不要一天面兩家10月是補(bǔ)錄和offer選擇階段。戰(zhàn)線很長(zhǎng)注意保持體力和心態(tài)。6.3 2018屆面經(jīng)對(duì)現(xiàn)在準(zhǔn)備前端面試的同學(xué)還有參考價(jià)值嗎這個(gè)問(wèn)題我最近被很多學(xué)弟學(xué)妹問(wèn)過(guò)。我的看法是基礎(chǔ)部分完全有參考價(jià)值甚至可以說(shuō)是基本功中不過(guò)時(shí)的部分。閉包、原型鏈、事件循環(huán)、HTTP緩存、手寫Promise和防抖節(jié)流這些在2026年依然會(huì)是前端面試的高頻題。但面試范圍確實(shí)擴(kuò)展了很多現(xiàn)在的面試還會(huì)涉及微前端、跨端方案、性能監(jiān)控、工程化體系、組件庫(kù)設(shè)計(jì)、AI輔助開發(fā)等新話題這些在2018年基本沒(méi)有被考察過(guò)。所以我的建議是不要把2018屆面經(jīng)當(dāng)成完整的題庫(kù)而是把它當(dāng)成“基礎(chǔ)能力清單”。上面提到的所有基礎(chǔ)題你必須達(dá)到不看答案也能流暢回答的程度然后在這個(gè)基礎(chǔ)上再去學(xué)習(xí)新知識(shí)、準(zhǔn)備新題目。面試考察的本質(zhì)永遠(yuǎn)不是你會(huì)背多少道題而是你的知識(shí)體系是否完整、遇到問(wèn)題是否有思路、以及能不能清楚地表達(dá)出來(lái)。7. 給你的最后一句話面試不是考試是雙向選擇每次面試完我都會(huì)立刻做一次復(fù)盤把沒(méi)答上來(lái)的問(wèn)題記下來(lái)回家查資料弄懂再整理成自己的知識(shí)文檔。四家公司面完我已經(jīng)攢了一份幾十頁(yè)的手寫筆記后來(lái)這個(gè)筆記變成了我整理前端面試題的重要素材。這個(gè)方法我用了六年到現(xiàn)在依然有效。最后再分享一個(gè)心得面試的時(shí)候不要把自己放在“被挑選”的位置上。面試官在考察你你也在考察公司——團(tuán)隊(duì)氛圍、技術(shù)棧、業(yè)務(wù)方向、面試官的水平都在透露這家公司是否適合你。雙向選擇的心態(tài)會(huì)讓你在面試中更松弛而松弛的狀態(tài)往往能讓你發(fā)揮出更好的水平。祝每個(gè)正在準(zhǔn)備前端校招的你都能拿到心儀的offer。