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