Hello，大家好，我是Monster。這是我的網(wǎng)名，你們可以叫我磊磊，不過我的同學(xué)們都叫我蕾蕾...
廢話少說，直接進(jìn)入主題。先來個(gè)自我介紹，18年本科畢業(yè)，畢業(yè)后進(jìn)入中移子公司做運(yùn)維，后來轉(zhuǎn)前端，有一年多的前端經(jīng)驗(yàn)，目前在一家算是明星創(chuàng)業(yè)公司工作。從轉(zhuǎn)行到拿到大廠offer這個(gè)過程并不順利，我的技術(shù)起點(diǎn)說實(shí)在話，算是比較低的，這些后面我有空的話會(huì)單獨(dú)寫篇文章。我也面了不少中大廠，字節(jié)跳動(dòng)的面試算是有代表性的，今天先進(jìn)入字節(jié)跳動(dòng)的面經(jīng)環(huán)節(jié)~~~（對(duì)技術(shù)不感興趣的同學(xué)可以直接拉到最后看總結(jié)）
頭條面試共四輪，三輪技術(shù)面，一輪hr面。整體給我的感知是效率高，體驗(yàn)好。難以想象我大年29還在面試
...
先自我介紹下，然后面試官說：“好的，我們先做下題吧”。1. 手寫買賣股票問題 (上來就動(dòng)態(tài)規(guī)劃，此處用鄭爽金句來表達(dá)我的心情
)3. 看代碼輸出題 (考的是EventLoop機(jī)制)4. 說下瀏覽器的緩存策略（從http協(xié)議的構(gòu)建, 緩存相關(guān)字段，緩存類型和區(qū)別等方面闡述）5. 了解前端安全嗎？（八股文我最熟練了，嘿嘿嘿）6. es6 和 commonJS 模塊管理的區(qū)別8. CSS寬高的變化會(huì)引起回流或重繪嗎
一面我記住的大概是這些內(nèi)容，像第三題那種各種同步，異步代碼摻雜在一起讓面試者寫輸出的題平時(shí)開發(fā)基本見不到，但是主要是考察對(duì)Eventloop機(jī)制的理解。我后續(xù)會(huì)收集類似的題目，專門寫篇文章來闡述。
二面面試官看起來親和力很強(qiáng)，上來直呼我的名字，搞的人家暖暖的；中途網(wǎng)絡(luò)問題信號(hào)斷了10來分鐘，結(jié)果多面了我40多分鐘
接受了快2個(gè)小時(shí)的技術(shù)毆打。
1. 手寫題：手寫EventHub，手寫深拷貝（考慮正則，日期，數(shù)組等類型），算法題：移動(dòng)零
3. 說下前端如何做性能優(yōu)化？（這個(gè)其實(shí)范圍很廣，我是從速度更快，資源更少的角度進(jìn)行闡述的）4. 瀏覽器的內(nèi)存回收機(jī)制？如果監(jiān)控內(nèi)存泄漏？5. 緊接著就是一道內(nèi)存泄漏的題，然后如何改正才能避免內(nèi)存泄漏? 6. 你在項(xiàng)目中做了哪些性能優(yōu)化？（根據(jù)簡歷問的，我解決了我們?cè)诰€課堂客戶端CPU占比高的問題，這個(gè)過程也可以單獨(dú)寫篇文章）7. 接上題，什么情況下會(huì)引起回流和重繪？瀏覽器的渲染機(jī)制是什么樣的？8. 如何對(duì)項(xiàng)目進(jìn)行性能分析，需要關(guān)注哪些指標(biāo)？你是如何制定這些性能指標(biāo)的？
不知道是不是面試官比較害羞
我沒看到他的臉。
1. 說下你對(duì)ELK做的優(yōu)化 （根據(jù)簡歷問的，elk一般用于搭建海量日志存儲(chǔ)，查詢和分析平臺(tái)；我從性能參數(shù)，集群層面，架構(gòu)層面進(jìn)行了闡述）2. 優(yōu)化結(jié)果如何，絕對(duì)的性能指標(biāo)呢？3. 問個(gè)簡單的問題哈，elk分別是什么?4. 在項(xiàng)目中的角色是什么？項(xiàng)目中存在哪些問題，你是如何解決的5. 做pm的職責(zé)是什么，項(xiàng)目管理流程是什么樣的？6. 有沒有從0開始做過項(xiàng)目？有沒有進(jìn)行技術(shù)選型？7. 有什么已經(jīng)落地的成果，攻克了哪些難點(diǎn)？8. 手寫一個(gè) webpack 的plugin9. 最近在看什么書？我說紅寶書。那你用generator 模擬實(shí)現(xiàn)個(gè)async await （7，8題我只了解大概原理，并不會(huì)寫hhh）10. 看過vue源碼嗎？描述下diff的原理（好家伙，我直接好家伙，還問了diff在哪個(gè)文件下）11. 算法： 添加最少字符構(gòu)造回文數(shù)串 （這個(gè)如果沒寫出來就沒這篇面經(jīng)了）
可以看出來，一二面重基礎(chǔ)(由于我面的崗位對(duì)性能要求極高，所以也問了很多性能優(yōu)化的問題)。二三面的表現(xiàn)和工作經(jīng)驗(yàn)直接影響到最后的title是不是“高級(jí)”。一定對(duì)自己的簡歷了如指掌，像elk這個(gè)之前沒一個(gè)人問我的，我基本沒準(zhǔn)備，還好之前總結(jié)過答上來了，不然就是減分項(xiàng)。另外，如果你有跟崗位無關(guān)的工作經(jīng)歷，不一定是減分項(xiàng)，重要的是在之前的崗位有的積累和思考。我畢業(yè)第一份工作是運(yùn)維，所以對(duì)內(nèi)存，cpu等機(jī)器指標(biāo)很敏感，也是我能發(fā)現(xiàn)問題解決問題的重要原因，也是簡歷中的一個(gè)亮點(diǎn)。
1. 基礎(chǔ),基礎(chǔ),基礎(chǔ)。如果基礎(chǔ)不好，很難過中大廠的前兩關(guān)；很多人說前端東西太多了，學(xué)不過來，其實(shí)前端東西再多，只要掌握其中的核心就夠了。所有的框架都是從最基礎(chǔ)的js衍生出來的，只要基礎(chǔ)扎實(shí)，上手其他框架很快的。
2. 刻意練習(xí)。我不是什么技術(shù)大佬，擅長的領(lǐng)域偏文科，在編程這塊至少我是沒任何天賦的。對(duì)于算法題，只能自己多練了。3. 向優(yōu)秀的人學(xué)習(xí)。像我朋友圈的公眾號(hào)號(hào)主們，都是我學(xué)習(xí)(白嫖)的對(duì)象，感謝你們hhh；還有我之前的領(lǐng)導(dǎo)，我身邊的同事等等，他們身上有很多閃光點(diǎn)值得我學(xué)習(xí)。4. 保持平常心。大廠是個(gè)圍城，相比于在大廠工作，更重要的是明白自己真正想要什么，然后慢慢接近這個(gè)目標(biāo)就好了。人生就像心電圖，是在波峰波谷中向前的，但是這個(gè)波浪的大趨勢是波動(dòng)向上還是波動(dòng)向上，還是在于自身。 “弱小和無知從來不是生存的障礙,傲慢才是”，共勉。
因?yàn)楹芏嘈』锇樾枰娼?jīng)，所以我就寫出來做為“Monster Talk”公眾號(hào)的第一篇文章了。我做公眾號(hào)的目的不是盈利，一方面是滿足個(gè)人的表達(dá)欲，另一方面是希望能和更多的人交流進(jìn)步。我主要的創(chuàng)作內(nèi)容是：技術(shù)，讀書，理財(cái)(投資)和產(chǎn)品思考，這些是我感興趣和長期投入的方向。個(gè)人認(rèn)為我知識(shí)面比較廣，意味著我可以分享一些你可能沒接觸到的領(lǐng)域；但是我經(jīng)驗(yàn)不多，深度不夠，意味著我們有很大的成長空間。最后希望和大家一起進(jìn)步！
希望大家可以幫忙點(diǎn)贊在看和轉(zhuǎn)發(fā)，這對(duì)我是一個(gè)正向激勵(lì)，激勵(lì)我輸出更多優(yōu)質(zhì)內(nèi)容。
