騰訊面經(jīng)
前言
偷偷的發(fā)面經(jīng)，然后驚艷老鐵們。
歷經(jīng)一個月戰(zhàn)線，投了阿里和騰訊，具體部門這里不展開了，都是核心部門，提供的舞臺很大，至于最后選擇去哪一家公司，可以關(guān)注文末。
接下來復(fù)盤一下這一個月來的面試感受吧。
本文沒有具體的題目，根據(jù)我的簡歷，來展開談一談，可能會被問到的題目。
最后以下都是個人觀點(diǎn)，個人能力有限，如果有錯誤，希望能糾正我。
簡單介紹
2021屆畢業(yè)生，掘金里面的TianTianUp，雙非本科院校(江西師大)，沒有聽錯，那個彩禮“天價”的省份。
21屆里面，應(yīng)該算起步比較晚的了。2020年暑假7月份，才開始認(rèn)認(rèn)真真“復(fù)習(xí)”前端，當(dāng)時連js作用域，閉包，瀏覽器緩存都不清楚。因?yàn)槠鸩酵恚院罄m(xù)錯過了秋招。
現(xiàn)在我才深刻意識到，視野的重要性。
當(dāng)時大三學(xué)了點(diǎn)vue，做了點(diǎn)看起來牛逼的東西，就覺得很牛了，于是春招投了阿里，結(jié)果慘不忍睹。
重點(diǎn)當(dāng)時沒有放心上，還是繼續(xù)玩，繼續(xù)打游戲。
還好之后覺悟過來，才有了后面網(wǎng)易的故事。
嗯，也導(dǎo)致后續(xù)很多環(huán)節(jié)跟不上其他同屆大佬。
秋招的時候，jack，三元同學(xué)，林不渡，單哥，承和等大佬都是offer收割機(jī)，各種騰訊，快手，字節(jié)ssp，無不沖擊著我這個萌新。
暗自下決心: 我也要去大廠核心部門，去做有意思的事情。
有了規(guī)劃，接下來就是看技術(shù)博客，動手實(shí)踐，總結(jié)梳理，寫博客。
熬了無數(shù)的夜，無數(shù)個周末在社區(qū)徘徊，這個知識點(diǎn)不懂，查文檔，看不明白就換一篇文章，爭取做到一遍過。
這么堅持了半年，2021年的春招，結(jié)果讓我滿意，但結(jié)果還是有些遺憾的。
滿意的地方: 借面試機(jī)會，跟著大佬交流學(xué)習(xí)了一波。
遺憾的地方: 其他大廠沒有去嘗試，沒有趁著面試機(jī)會去接觸其他領(lǐng)域的大佬。我覺得原因可以歸咎于：
找不到大廠核心部門的內(nèi)推，希望去核心部門。 需要筆試，覺得流程很慢，沒有人跟進(jìn)。
所以后面提到了面試機(jī)會。
整個春招的過程中，聊一聊心態(tài)發(fā)生的改變吧，迷茫--緊張--坦然--自信，最后到意向書，到拿到offer。
面試機(jī)會
基本上我是靠內(nèi)推的，是一位校招大佬幫忙推的，覺得履歷還行，給了個面試機(jī)會，才勉強(qiáng)給我通過的。真的是勉強(qiáng)給的機(jī)會，因?yàn)閷W(xué)校確實(shí)跟985比起來，差距很大，還好有網(wǎng)易實(shí)習(xí)經(jīng)歷buff，加上寫了點(diǎn)博客筆記等筆記輸出，才有這個面試機(jī)會。
內(nèi)推，內(nèi)推，內(nèi)推，這是最快，最有效的方式，可以第一時間知道面試結(jié)果，面評，以及后續(xù)的面試流程。
至于其他的，美團(tuán)，百度，shopee走的都是官網(wǎng)流程，需要筆試。騰訊這邊到四面總監(jiān)面的時候，我基本上都放棄了。
最好的方式就是找靠譜的內(nèi)推吧，比如秋風(fēng)大佬，字節(jié)找ssh（昊神），很靠譜的。
好的履歷也很重要:
學(xué)校985，211。 大廠實(shí)習(xí)經(jīng)歷，眾多offer。 扎實(shí)的基礎(chǔ)，讀過源碼，理解框架設(shè)計思想。 社區(qū)有一定影響力，堅持做博客產(chǎn)出。 開源貢獻(xiàn)，開源項(xiàng)目維護(hù)者，熱愛前端。
基本上，我會把握其中的一兩個點(diǎn)，爭取做好，才會有后續(xù)的面試機(jī)會。
有了面試機(jī)會后，剩下的就是如何去做好一場面試的準(zhǔn)備工作了。
如何準(zhǔn)備
這個鏈接里面總結(jié)的特別好，我基本上看它復(fù)習(xí)的。
https://bitable.feishu.cn/app8Ok6k9qafpMkgyRbfgxeEnet?from=logout&table=tblEnSV2PNAajtWE&view=vewJHSwJVd
不過面完，給我感覺，重在平時的積累，基本上都是圍繞項(xiàng)目展開的，之前做的項(xiàng)目得好好準(zhǔn)備一下，比如項(xiàng)目難點(diǎn)，項(xiàng)目如何做優(yōu)化的，項(xiàng)目的亮點(diǎn)。
這里推薦一個鏈接：
面試被問項(xiàng)目經(jīng)驗(yàn)不用慌，按這個步驟回答絕對驚艷
https://juejin.cn/post/6844904102795706375
至于其他的部分，更多的是向面試官展示自己的優(yōu)點(diǎn)，閃光點(diǎn)。
面經(jīng)心得
基本上都是圍繞我的簡歷來梳理內(nèi)容，有興趣的話，可以聯(lián)系我要pdf，可以給你參考下。
簡歷上技能寫的不多，基本上保證的是我寫的都能聊上兩句。
從我簡歷部分來看，主要涉及幾個點(diǎn):
React部分，這里面可以問的內(nèi)容也很多。 瀏覽器相關(guān)的。 計算機(jī)網(wǎng)絡(luò)部分。 算法與數(shù)據(jù)結(jié)構(gòu)，基本上這算是我的一個殺手锏吧。 webpack相關(guān)的，同時會涉及到babel。
我現(xiàn)在回顧我的面試部分，都是圍繞這些點(diǎn)張開的。可能我是應(yīng)屆生校招的原因，很多時候，考察的是我學(xué)習(xí)能力，理解能力，對前端熱愛的程度這些方面。
基于這幾點(diǎn)，展開聊聊我面試過程中會注意的點(diǎn)，以及圍繞我寫的專業(yè)技能，會聊到的一些話題。
自我介紹
很重要的一個環(huán)節(jié)，說不定可以奠定本次面試的節(jié)奏，會根據(jù)你說的內(nèi)容，來張開問你，同時也會給給面試官一個緩沖的時間來重新熟悉你的簡歷。
面試自我介紹，要：
遵守極簡原則，突出重點(diǎn)，忽略細(xì)節(jié)。
小參考:
我是誰。 我的亮點(diǎn)，可以描述一下幾個點(diǎn)，最近的經(jīng)歷。 我為什么需要這份工作（其實(shí)這個我自我介紹都是忽略的）。
圍繞上面的點(diǎn)，我會著重突出，我在大學(xué)的經(jīng)歷，主要是算法相關(guān)的經(jīng)歷，接著就是我在網(wǎng)易實(shí)習(xí)期間的收獲，以及中間會持續(xù)更新博客，寫總結(jié)。
基本上，面試官對我的掘金博客，以及大學(xué)搞算法的經(jīng)歷感興趣，進(jìn)入了自己擅長的領(lǐng)域，就會輕松很多。
記住一個點(diǎn)，面試是跟人打交道，學(xué)會去展示自己，以及及時跟面試官做合理的溝通很重要。
以上是我會注意的一些點(diǎn)，我也是這么去做的，盡量圍繞自己的亮點(diǎn)去展開，當(dāng)然了，有些面試官有自己的風(fēng)格，可能一上來就是問你項(xiàng)目或者做題，那么我們應(yīng)該如何把握呢。
項(xiàng)目相關(guān)
我覺得項(xiàng)目相關(guān)的話題，是個挺難的話題，圍繞它展開的話，可以延伸出很多話題，我列舉了些有意思的:
項(xiàng)目難點(diǎn)。（如何發(fā)現(xiàn)問題，解決思路，最后結(jié)果） 項(xiàng)目考慮過優(yōu)化嗎，你是如何優(yōu)化的，思路是什么。 項(xiàng)目的組織架構(gòu)，你對它的現(xiàn)有架構(gòu)的理解，哪些優(yōu)點(diǎn)值得借鑒，哪些缺點(diǎn)需要改進(jìn)。 如果讓你從0到1建一個項(xiàng)目，你考慮的點(diǎn)是什么，有哪些流程需要注意的。 項(xiàng)目中代碼規(guī)范，你們項(xiàng)目有方案嗎，你了解的代碼規(guī)范有哪些方案。 說一說項(xiàng)目中你們是如何測試的，有哪些單元測試方案，能不能說一說。 項(xiàng)目中引入TS的原因，為什么這么做。
不過對于應(yīng)屆生來說，問項(xiàng)目都是圍繞你簡歷來問的，比如我當(dāng)時的項(xiàng)目，我覺得沒有好的難點(diǎn)，我就著重說明了下，我對項(xiàng)目是如何優(yōu)化的，優(yōu)化了哪些點(diǎn)。
整個面試下來，都會問，你項(xiàng)目寫到的優(yōu)化的地方，能不能具體聊一聊。
這個時候，真的要把握機(jī)會了，問到你會的點(diǎn)，你得有清晰的思路，可以參考STAR法則。
重新回顧一下 STAR 法則四要素：
Situation：事情是在什么情況下發(fā)生，基于一個怎樣的背景； Task：你是如何明確你的任務(wù)的； Action：針對這樣的情況分析，你采用了什么行動方式，具體做了哪些工作內(nèi)容； Result：結(jié)果怎樣，帶來了什么價值，在整個過程中你學(xué)到了什么，有什么新的體會。
這里有段話，我覺得說的很不錯:
往往大部分同學(xué)一上來就直接介紹做了什么以及實(shí)現(xiàn)的過程，條理也比較清晰，內(nèi)容也頗具技術(shù)含量。但很多同學(xué)很容易忽略了 Situation 和 Result 的部分也就是背景和結(jié)果。或者是在面試官進(jìn)一步了解追問細(xì)節(jié)的時候容易驚慌失措。這些原因往往都是由于面試前對自己的經(jīng)歷沒有將來龍去脈講清楚以及總結(jié)不夠全面和深入。
基本上，我對項(xiàng)目這塊目前能聊的就是這么多，對了，如果你面大廠核心部門，可能還需要關(guān)注的點(diǎn)是，項(xiàng)目的組織架構(gòu)理解，讓你實(shí)現(xiàn)一個項(xiàng)目，整個流程需要注意考慮哪些點(diǎn)。
這塊真的可以著重準(zhǔn)備一下，以我這次春招經(jīng)驗(yàn)來談，是重點(diǎn)。
聊完項(xiàng)目，接下來就圍繞我簡歷寫到的專業(yè)技能，依此來梳理一下。
JS基礎(chǔ)
考察的是一些基礎(chǔ)問題，這里最好過一遍，切記不要丟大分。
比如我寫了對異步編程有理解，所以得看一下，異步編程的解決方案，它的發(fā)展過程，每種解決方案的優(yōu)缺點(diǎn)，得了得，最后我會拓展一下async方案存在的缺陷，對錯誤的捕獲，聊到babel相關(guān)的，現(xiàn)有的babel社區(qū)是否實(shí)現(xiàn)了對async語法做錯誤捕獲處理，以及談了下，社區(qū)里面的這個插件存在的缺陷。
總結(jié)的話，我會圍繞面試官問的基礎(chǔ)點(diǎn)展開，把相關(guān)連的部分描述一下， 面試官有興趣的話，會順著你的思路往下問。
至于面試過程中問到JS基礎(chǔ)相關(guān)的題，這里就不列舉了。
React相關(guān)
第二部分，簡歷上寫了React相關(guān)的，那我總結(jié)了些可以會問到內(nèi)容:
React框架的原理，聊一聊它是如何執(zhí)行的。 React更新流程，主要經(jīng)歷了哪些步驟。 React的setState的理解，需要注意哪些。 vue和React區(qū)別，如何從項(xiàng)目的選型上區(qū)分它們。
React框架的理解，vdom，patch，批量更新，渲染的過程，經(jīng)歷了啥。
你對React源碼很感興趣，可以關(guān)注一下卡頌大佬，他的自頂向下學(xué) React 源碼值得推薦學(xué)習(xí)一下。
當(dāng)然了，React真的要問，太多可以問你的啦：
比如讓你手寫一個Hoc組件，實(shí)現(xiàn)類似怎么樣的功能，思路是怎么樣的。 比如Hook你對它的理解，當(dāng)時面試問到了Hook實(shí)現(xiàn)原理，還好看平時喜歡折騰，看了下大致流程。 React-fiber機(jī)制引入，解決了什么問題，具體的流程是怎么樣的，數(shù)據(jù)結(jié)構(gòu)上發(fā)生了哪些變化。 React的時間切片了解嘛，如何實(shí)現(xiàn)的，流程能不能說一說。
這次問到好幾個React相關(guān)的問題，更關(guān)注的點(diǎn)是你對原理的過程，有關(guān)注嘛，大致是一個怎么樣的過程，最后又從中學(xué)到了哪些點(diǎn)。簡歷上寫看過React原理相關(guān)的，得慎重啊！！！
快進(jìn)到瀏覽器部分。
瀏覽器相關(guān)
這也是我簡歷上專業(yè)技能寫到的一個點(diǎn)，這里也寫了幾個點(diǎn)。
輸入URL到頁面渲染。 DNS解析的端口號是多少，為什么采用UDP協(xié)議。 你渲染流程知道的這么詳細(xì)，圖層，分層，繪制，柵格化線程池，GPU加速，能不能說一下，對你開發(fā)有啥影響呢。(其實(shí)這個時候，被無情打臉了，知道這個有什么用，當(dāng)時反問我) 瀏覽器緩存。(可以拓展一下，結(jié)合webpack如何命中緩存，然后就到你熟悉的webpack領(lǐng)域了) 瀏覽器進(jìn)程架構(gòu)歷史。 瀏覽器內(nèi)核。（這個可以了解） 瀏覽器的垃圾回收機(jī)制 。
經(jīng)典八股文了，不過其實(shí)我感覺也是可以拓展的，問到瀏覽器緩存的時候，結(jié)合webpack談一談如何命中緩存的。比如講到瀏覽器的渲染流程時，我們都知道里面的一些具體流程，比如分層，繪制，柵格化操作，然后其實(shí)可以結(jié)合實(shí)際去思考一下，有哪些具體的用途呢，這里我們需要借助瀏覽器中的performance來看看。
里面有很多關(guān)鍵性指標(biāo)，比如 Long Task執(zhí)行的細(xì)節(jié)，跟面試官交流了下，排查性能問題，我是如何通過這個Performance相關(guān)的細(xì)節(jié)去把握的，當(dāng)然了，里面的內(nèi)存使用情況，是否出現(xiàn)內(nèi)存泄露問題，都可以借助它。
遇到八股文不要怕，盡可能的向外拓展，往自己熟悉的地方聊。
最近也在學(xué)習(xí)性能優(yōu)化相關(guān)的部分，發(fā)現(xiàn)Performance相關(guān)的部分，還是有很多地方可以學(xué)習(xí)的，可以持續(xù)關(guān)注我噢～
webpack相關(guān)
基本上，看我簡歷上寫了這部分的，會問到，部分問題:
webpack打包原理。 import最終被webpack編譯打包成什么。 路由懶加載的原理是啥，能不能結(jié)合webpack說一說。 寫過webpack loader 或者插件嗎。 webpack 如何做性能優(yōu)化。 babel的原理了解嗎，babel是用來干嘛的。 說一說常見的babel庫，你有使用過哪些。 寫過 babel 插件嗎？用來干啥的？怎么寫的 babel 插件 知道怎么轉(zhuǎn)化成 AST 的嗎？
基本上考察，你是否實(shí)踐過，因?yàn)樽约汉啔v上寫了這方面的，可能問的比較多。
比如問到babel原理可以這么答:
babel的轉(zhuǎn)譯過程分為三個階段：parsing、transforming、generating，以ES6代碼轉(zhuǎn)譯為ES5代碼為例，babel轉(zhuǎn)譯的具體過程如下：
ES6代碼輸入 babylon 進(jìn)行解析得到 AST plugin 用 babel-traverse 對 AST 樹進(jìn)行遍歷轉(zhuǎn)譯,得到新的AST樹 用 babel-generator 通過 AST 樹生成 ES5 代碼
基本上至少得知道它大致的原理，平時如果有積累的話，其實(shí)問題不大。
比如babel的話，推薦可以看看babel是如何處理async錯誤捕獲轉(zhuǎn)換的，這個有點(diǎn)意思，正好借這個機(jī)會跟面試官交流一下這塊的知識點(diǎn)，個人覺得還是很有意思。
學(xué)的時候，多折騰一下，應(yīng)該就問題不大了。
算法與數(shù)據(jù)結(jié)構(gòu)相關(guān)
其實(shí)這塊，我希望面試官問我多一些，因?yàn)榇髮W(xué)期間，更多的精力放在算法。有幸碰到過面試官也是打過ICPC，CCPC等比賽的，曾經(jīng)都是熱血青年，最后因?yàn)槟承┰颍x擇了前端。
聊得過程還是很愉快的～ 也是第一次，跟面試官聊到了，線段樹，主席樹，最小費(fèi)用流，二分圖匹配（匈牙利）算法，AC自動機(jī)。
似乎找回了大二那一份對算法的熱情。
記得退役的時候，在QQ個簽上，寫過這么一句話:我永遠(yuǎn)熱愛算法，無論它虐我千百遍。
可能是真的熬了無數(shù)的夜，才會有這樣子的感慨吧。有點(diǎn)跑題了，感興趣的話，后續(xù)會更新，我是如何走上算法這條路的，最后給我的成長收獲又是哪些。
回到正題，至于這部分的話，我覺得沒有一個很明確的范圍吧，畢竟算法太廣了，過一遍吧。
有向圖判斷是否有環(huán)。 給定一個數(shù)組，如何拆分，保證兩個數(shù)組的和接近。(想到的是貪心，正解應(yīng)該是dp) Json.parse()實(shí)現(xiàn)。 常見的數(shù)據(jù)結(jié)構(gòu)。 數(shù)組和鏈表區(qū)別。 時間復(fù)雜度和空間復(fù)雜度計算。 排序算法。 你是如何看待算法的，給你的收獲是什么。
算法很重要的，對你未來的發(fā)展，我覺得還是很有必要去學(xué)習(xí)的。至于怎么學(xué)，我沒有能力回答這個問題，要我給建議的話，看書是一個選擇，如果要臨時應(yīng)對面試，刷一刷leetcode來說，只能說短期有效果。
個人建議：
可以結(jié)合書的內(nèi)容，分專題去刷，比如動態(tài)規(guī)劃dp專題很難，我記得我當(dāng)時看完書后，對它的理解就很清晰了，當(dāng)然做題是另外一回事，通過題目不斷鞏固你對一個算法知識點(diǎn)的理解，我覺得是沒有問題的，但是至于完完全全刷leetcode，應(yīng)付面試，不從最基礎(chǔ)的開始，這樣子“超車”，覺得意義不大。
以上是我個人理解，能力有限，說的不對，您就當(dāng)看個笑話。
下面是自己發(fā)布在公眾號上面的算法系列文章??
個人經(jīng)歷
問到這部分的話，可能是總監(jiān)面你的時候會問，也可能是hr會問，到hr環(huán)節(jié)的話，基本十拿九穩(wěn)了。不過也不能大意，說不定一不留神，一個月的面試付諸東流，還是要認(rèn)真對待的，羅列了幾個點(diǎn):
整個經(jīng)歷自我介紹，越詳細(xì)越好，什么時候接觸計算機(jī)，什么時候接觸前端。 整個經(jīng)歷中，你認(rèn)為最值得驕傲的事情，最難的事情是什么。 什么事情讓你自豪，什么事情讓你有挫敗感。 未來的發(fā)展，自己的規(guī)劃。 為什么現(xiàn)在才來秋招，不選擇秋招。
拿我來說，我雙非本科，最擔(dān)心的就是學(xué)歷這塊，內(nèi)推的人也告訴我說，學(xué)歷有點(diǎn)小問題。當(dāng)時hr明確問了我，你對現(xiàn)在的學(xué)校滿意嘛，師范類的院校，怎么選擇走軟件工程呀，諸如此類的問題很多，無不困擾著我。
不過確實(shí)沒有辦法，實(shí)話實(shí)話，為什么高中成績差，又為什么選擇軟件工程，爭取做到坦誠相待的態(tài)度，表達(dá)出自己最真實(shí)的想法吧。
小結(jié)
看到這里的話，可能對你來說，沒有具體說明白，哪些知識點(diǎn)會考，哪些不會考。
我面騰訊和阿里的時候，也沒有看到我這個部門具體的面試題。
我覺得更重要的是，把握好專業(yè)技能和項(xiàng)目經(jīng)歷的表達(dá)，引導(dǎo)面試官去往你所知道的領(lǐng)域交流問題，最后在這個領(lǐng)域拿出自己的殺手锏，這樣子面試官會更有好感，接下來的交流會更加愉快。
對簡歷感興趣的話，可以參考下:
最后
作為一個即將畢業(yè)的我來說，第一份工作很重要。經(jīng)過慎重考慮以及找前輩交流過后，最后選擇了騰訊。
在即將畢業(yè)的最后階段，我應(yīng)該算交上了一份滿意的答卷，未來的路還很長，讓我們拭目以待吧！