1. 面試場(chǎng)景還原一場(chǎng)啼笑皆非的技術(shù)交鋒那天下午三點(diǎn)半我作為技術(shù)面試官正準(zhǔn)備結(jié)束當(dāng)天的最后一場(chǎng)面試。會(huì)議室玻璃門被輕輕推開走進(jìn)來(lái)一位穿著印有Hello World文化衫的年輕人——簡(jiǎn)歷上寫著謝飛機(jī)5年全棧開發(fā)經(jīng)驗(yàn)。接下來(lái)的90分鐘成了我職業(yè)生涯中最具戲劇性的技術(shù)面試實(shí)錄。1.1 從基礎(chǔ)語(yǔ)法開始的崩潰當(dāng)我提出第一個(gè)熱身問(wèn)題能解釋下JavaScript中l(wèi)et和var的區(qū)別嗎謝飛機(jī)扶了扶眼鏡突然反問(wèn)道您說(shuō)的是ES5還是ES6的let這兩種實(shí)現(xiàn)原理完全不同...這個(gè)反常的回答讓我瞬間警覺(jué)。在我要求他分別說(shuō)明時(shí)他支吾了半分鐘最后憋出一句其實(shí)用哪個(gè)都一樣我平時(shí)都用var比較傳統(tǒng)。更離譜的是在隨后的事件循環(huán)問(wèn)題中他堅(jiān)持認(rèn)為setTimeout(callback, 0)會(huì)比Promise.resolve().then()先執(zhí)行理由是0比1小。當(dāng)我用瀏覽器調(diào)試工具現(xiàn)場(chǎng)演示執(zhí)行順序時(shí)他居然懷疑是我的Chrome版本有問(wèn)題。1.2 框架原理的魔幻解讀問(wèn)到Vue響應(yīng)式原理時(shí)謝飛機(jī)突然來(lái)了精神這個(gè)我太熟了就是那個(gè)...呃...Object.defineProperty對(duì)吧我點(diǎn)頭后他繼續(xù)發(fā)揮所以我們寫data()時(shí)要用return返回對(duì)象不然Vue就監(jiān)聽(tīng)不到數(shù)據(jù)變化因?yàn)?..因?yàn)楹瘮?shù)作用域會(huì)屏蔽監(jiān)聽(tīng) 聽(tīng)到這個(gè)獨(dú)創(chuàng)理論我差點(diǎn)把咖啡噴在簡(jiǎn)歷上。最精彩的當(dāng)屬React Fiber架構(gòu)討論。他信誓旦旦地說(shuō)Fiber就是用來(lái)解決VDOM渲染卡頓的原理是把DOM節(jié)點(diǎn)都轉(zhuǎn)成光纖信號(hào)傳輸... 當(dāng)我追問(wèn)調(diào)度算法細(xì)節(jié)時(shí)他突然開始背誦React文檔目錄從Installation一直背到Advanced Guides。2. 代碼實(shí)戰(zhàn)環(huán)節(jié)的災(zāi)難現(xiàn)場(chǎng)2.1 白板代碼的奇幻風(fēng)格要求手寫一個(gè)深拷貝函數(shù)時(shí)謝飛機(jī)花了10分鐘畫出一個(gè)類圖包含DeepCopyFactory、AbstractCopier等6個(gè)類。當(dāng)我提醒只需實(shí)現(xiàn)核心邏輯時(shí)他嚴(yán)肅地說(shuō)工程代碼必須考慮擴(kuò)展性我這是標(biāo)準(zhǔn)的抽象工廠模式... 最終產(chǎn)出的深拷貝函數(shù)長(zhǎng)這樣function deepClone(obj) { const cloned new Object(); for (let key in obj) { if (obj.hasOwnProperty(key)) { cloned[key] obj[key]; } } return cloned; }更絕的是他給這個(gè)方案寫的單元測(cè)試// 測(cè)試用例 const original { a: 1 }; const cloned deepClone(original); console.log(original cloned); // false console.log(original.a cloned.a); // true2.2 LeetCode簡(jiǎn)單題的史詩(shī)級(jí)解法給出兩數(shù)之和題目時(shí)謝飛機(jī)突然興奮地說(shuō)這題我刷過(guò)最優(yōu)解是O(n)復(fù)雜度然后寫出了這樣的代碼def twoSum(nums, target): for i in range(len(nums)): for j in range(i1, len(nums)): if nums[i] nums[j] target: return [i, j] return []當(dāng)我指出這是O(n2)的暴力解法時(shí)他辯解道Python的range底層用C實(shí)現(xiàn)的所以其實(shí)是O(n)... 隨后又補(bǔ)充而且我用了i1開始內(nèi)層循環(huán)這已經(jīng)是優(yōu)化版了3. 項(xiàng)目經(jīng)驗(yàn)盤問(wèn)中的神奇操作3.1 線上事故的甩鍋藝術(shù)詢問(wèn)他簡(jiǎn)歷中主導(dǎo)千萬(wàn)級(jí)PV系統(tǒng)重構(gòu)項(xiàng)目時(shí)發(fā)生了以下對(duì)話我能說(shuō)說(shuō)重構(gòu)過(guò)程中遇到的最大挑戰(zhàn)嗎 謝飛機(jī)主要是測(cè)試團(tuán)隊(duì)不給力上線后出了點(diǎn)小問(wèn)題... 我具體是什么問(wèn)題 謝飛機(jī)就是支付接口偶爾會(huì)重復(fù)扣款... 我重復(fù)扣款怎么解決的 謝飛機(jī)后來(lái)我們讓DBA直接刪了重復(fù)記錄反正金額不大...3.2 技術(shù)選型的玄學(xué)理論談到為什么選用MongoDB存儲(chǔ)用戶關(guān)系數(shù)據(jù)時(shí)他的解釋讓我大開眼界關(guān)系型數(shù)據(jù)庫(kù)太死板NoSQL才是未來(lái)。而且MongoDB的文檔結(jié)構(gòu)特別適合存JSON——您想啊JavaScript對(duì)象不就是JSON嗎這簡(jiǎn)直是天生一對(duì) 當(dāng)我追問(wèn)事務(wù)處理方案時(shí)他自信地說(shuō)我們業(yè)務(wù)不需要ACID用戶丟幾條數(shù)據(jù)又發(fā)現(xiàn)不了。4. 面試官的反套路求生指南4.1 如何識(shí)別包裝過(guò)度的簡(jiǎn)歷通過(guò)這次經(jīng)歷我總結(jié)出水貨程序員的三大簡(jiǎn)歷特征技術(shù)棧大雜燴同時(shí)精通React/Vue/Angular三大框架熟悉Java/Python/Go等5語(yǔ)言項(xiàng)目成果夸張每個(gè)項(xiàng)目都是千萬(wàn)級(jí)流量、性能提升300%職責(zé)描述模糊滿篇參與、協(xié)助就是看不到具體貢獻(xiàn)重要提示遇到簡(jiǎn)歷寫主導(dǎo)了系統(tǒng)架構(gòu)設(shè)計(jì)卻說(shuō)不清模塊劃分的一定要追問(wèn)技術(shù)決策細(xì)節(jié)4.2 現(xiàn)場(chǎng)coding的防偽技巧我現(xiàn)在的必殺三連問(wèn)空間復(fù)雜度分析能說(shuō)出時(shí)間復(fù)雜度的未必真懂能分析空間復(fù)雜度的通常更扎實(shí)邊界條件測(cè)試讓面試者自己設(shè)計(jì)測(cè)試用例水貨往往考慮不到null/undefined等情況需求變更應(yīng)對(duì)中途增加需求限制條件看是重構(gòu)還是打補(bǔ)丁比如在二分查找題中我會(huì)突然問(wèn)如果數(shù)組可能有重復(fù)元素且要返回第一個(gè)匹配項(xiàng)的位置怎么改 真會(huì)寫的人通常只需調(diào)整2行代碼。5. 技術(shù)面試的降維打擊策略5.1 原理性問(wèn)題的拆解技巧當(dāng)遇到滿口專業(yè)術(shù)語(yǔ)的面試者時(shí)我會(huì)用五歲小孩測(cè)試法先讓解釋概念如什么是虛擬DOM要求對(duì)比不同實(shí)現(xiàn)如React和Vue的diff算法差異最后讓用最簡(jiǎn)代碼實(shí)現(xiàn)核心邏輯這個(gè)方法成功過(guò)濾掉了90%的背誦型選手。有個(gè)自稱精通React Fiber的候選人在被要求手寫簡(jiǎn)版調(diào)度器時(shí)竟然說(shuō)出了這個(gè)要在node_modules里才能看到。5.2 項(xiàng)目深挖的黃金三問(wèn)我的項(xiàng)目靈魂拷問(wèn)模板1. **最糟糕的技術(shù)決策**項(xiàng)目中最后悔的技術(shù)選擇是什么為什么 2. **最痛苦的debug經(jīng)歷**耗時(shí)最長(zhǎng)的bug是什么最終怎么發(fā)現(xiàn)的 3. **最想重構(gòu)的代碼**現(xiàn)在回頭看哪個(gè)模塊最想重寫會(huì)怎么設(shè)計(jì)真實(shí)做過(guò)項(xiàng)目的人對(duì)這三個(gè)問(wèn)題都有說(shuō)不完的血淚史而編造經(jīng)歷的人往往會(huì)給出非常官方的回答。6. 從面試事故中反思技術(shù)團(tuán)隊(duì)建設(shè)這場(chǎng)面試讓我深刻意識(shí)到技術(shù)團(tuán)隊(duì)必須建立多維度評(píng)估體系評(píng)估維度水貨特征真實(shí)力特征基礎(chǔ)知識(shí)背概念但無(wú)法舉一反三能用簡(jiǎn)單類比解釋原理代碼能力只能寫教科書示例會(huì)考慮異常處理和邊界條件項(xiàng)目經(jīng)驗(yàn)只說(shuō)成果不說(shuō)過(guò)程能詳細(xì)分析技術(shù)決策得失學(xué)習(xí)能力堆砌新技術(shù)名詞能說(shuō)清技術(shù)演進(jìn)脈絡(luò)工程思維過(guò)度設(shè)計(jì)簡(jiǎn)單問(wèn)題懂得合理權(quán)衡優(yōu)化成本那次面試結(jié)束后謝飛機(jī)臨走時(shí)還信心滿滿地問(wèn)我咱們下一輪面試什么時(shí)候我算法題都刷到Hard了。 我看著他簡(jiǎn)歷上精通計(jì)算機(jī)系統(tǒng)原理的字樣默默在評(píng)估表上寫了句評(píng)語(yǔ)建議轉(zhuǎn)行售前。