大家好，我是若川。最近組織了源碼共讀活動，感興趣的可以加我微信?ruochuan12?參與，已進行了三個多月，大家一起交流學習，共同進步。

今天分享一篇小K投稿的字節面試記錄，這是他第三次面字節了，之前投稿過一次:

兩個部門，六輪面試，終與字節無緣

簡單介紹一下，小K，目前是大專，22屆畢業，他接下來計劃準備專升本，拿過滴滴offer，以下是正文。

---

在八月初的時候參加了字節的青訓營，因為一些原因，我又對和實習和校招也沒有概念，青訓營助理就幫我內推的實習崗，又因為我是 22 屆，所以 hr 給我約面試的時候詢問我確定要投實習崗嗎，我問了下實習和校招的區別，我又給改成了校招，結果校招審批不過，最后還是面的實習崗位。這是我已經第三次面試字節了，不過我又掛掉了。

技術中臺

一面

css 實現高度是父盒子寬度一半的盒子，可以等比例變化

• 縮放

padding-left 和 padding-top 的值是怎么計算的

• 相對于父元素的...不記的了，過吧(父元素的寬度)

flex 九宮格

隱士類型轉換

事件輪詢

• Node.js 事件輪詢了解嗎

• 不了解

xss 攻擊

頁面渲染的過程

css 會阻塞 DOM 樹渲染嗎

React 中不可變值

Hooks 的限制

webpack HMR 原理

webpack 構建過程

寫代碼

實現類似模版字符串的解析

用的 for 循環

面試官：正則...

額，過吧(之前面試結束我還去看過但我還是記不住)

異步相加，假設在某個設備沒有加法，只能用給定的方法計算

面試官：不能用 for 循環，這個設備沒有加法，

額，那我用下標獲取數據？

然后面試官把限制取消了

寫完了，面試官說了幾個點，問我怎么去優化

我根據提示說了一下怎么去做這個優化

git pull 和 git fetch 的區別

本地有一些修改，我想發布之前的代碼

• git stash

二面

• 平時怎么后端聯調的

• 怎么解決跨域

  • proxy

  • 線上環境那

  • nginx

  • 其他的解決跨域的方法

• cookie ...(忘了，登錄鑒權)

  • 你還知道 cookie 那些字段嗎

    • httpOnly，不知道了

    • 面試官 secure 設置是否只能通過https來傳遞此條cookie

• 跨域請求能攜帶 cookie

  • 能啊, CSRF攻擊

  • 怎么防范

• fetch 有什么好處和缺點

• fetch 可以取消嗎

  • 本身沒提供，但是可以通過其他方法取消吧，沒了解過

• HTTP 狀態碼

  • 201、206 了解嗎

    • 面試官講了一下關于文件下載的情況

• HTTP 緩存

• 給你一個網站你怎么優化

  • 你怎么測量你優化的成果

    • 如何測試其他地域

      • 如何獲取所有用戶指標

      • performace 對象有很多指標可以通過它來計算，但是我沒背過(這一連串問題，三面又被問了一遍) 常用的性能測量 APIs-深入淺出 Performance 工具 & API

• 代碼 深拷貝下滑線格式變成駝峰

  {"game_id":?123,"game_name":?"halo"}{"gameId":?123,"gameName":?"halo"}

三面

• 面試官自我介紹了一下

  • 好耳熟啊，青訓營答疑直播的時候聽老師講過

• 你覺的 React Hooks 的作用

• 你常用的 Hooks

  • Rreact-Redux 的 Hooks 我用的也挺多要說嗎

  • 你覺你那個理解的好也可以說

  • 那算了，沒了解過其的原理

  • 因為之前都是一面來問，問怎么使用，三面問的考察點就變了，當時沒有體會到

• 有了解 React 18 的新特性

  • 公眾號看的，React 18 生命周期

• 你覺的 HTTP 有哪些比較好的點

  • 這跟誰比啊(我有點懵、沒懂)

  • 面試官引導了一下

  • 我覺得 HTTPS 采用混合加密的機制挺巧妙，就說了一下(沒察覺到，跑題了)

  • 那如果不考慮性能，可以一直用 HTTPS 發請求嗎

  • 我...不確定

  • 面試官：加密長度有限制

• 那你覺的 HTTP 有哪些地方設計不好的地方

  • 啊...沒啥想法啊

  • 面試官有引導了一下說了 Expire

  • 我說了下 Expire 為什么被替代

  • 除了不準還有什么原因

  • 精度

• 忘記怎么說到 HTTP2 了，我說到 HTTP2 不是要強制使用 HTTPS 嗎

  • 面試官：那你覺的為什么 HTTP2 要強制使用 HTTPS

  • 我分析了下 HTTP2 的特性和 HTTPS 特性也沒發現什么關聯的

  • 然后面試官給我講了的挺久的關于字節內部的一些實現

• 這中間面試官給我提了幾點建議：

  • 面試官說看我之前寫過的面試總結，對我有一定的了解，給我幾點建議

  • 面試不關心你不會什么，也不會因為你不會一兩個問題就掛掉你，是允許候選人有知識的盲區的，面試更關心你會什么，你的亮點是什么

  • 遇到問題不要著急回答，先思考一下，就像我們平時做事，不是比誰做的更快，而是比誰做的更好

• ...聊到實習工作

  • 聊著聊著，我說了一句讓面試官印象很深刻，到后面我詢問掛掉原因面試官又我聊了一下這個問題

  • 我說和我想象中不太一樣，之前面試就難點啊亮點啊，我以為工作中會有很多挑戰，但是實際感覺我平時自己寫代碼區別不大。

  • 面試官就這個問題和說了挺多的

• 到了反問

  • 校招的標準

    • 校招不會那么看重項目經驗，相當與一到兩年左右的社招

  • 實習多久能轉正

    • 兩個月就可以發起轉正

  • base 是哪里呢

    • 你期望是哪里

    • 杭州啊、我人現在在杭州

    • 在杭州沒有團隊，北京、上海、廣州、深圳也有不過業務不一樣，不考慮嗎

    • 其他城市入職時間要晚一點

    • 大約多晚
      

第二天收到拒信了，我人品是不是有問題，所以我給面試官發了個郵件想詢問一下原因，我當時的郵件沒寫主題，因為我不知道該寫什么主題，變成了垃圾郵件，但面試官還是把他的微信發給了我，還和我通二十分鐘電話，這真的是我沒想到的，我以為面試官郵件不會回復或者說簡單回復一下結束了，非常感謝這個面試官。

面試官說客觀原因一是該崗位需要盡快在北京入職，二是覺得我有轉正訴求，但是轉正的幾率很小，主觀原因是覺得我缺少一些思考和深度，希望我追求極致，面試官說對我之前說感覺工作中和我平時自己寫代碼區別不大這句話比較深刻，又在這方面多給了我一些指導和建議。

面試

準備求職

我當時給自己先定一個時間，到這個時間我就開始投簡歷，我先根據當前的情況先寫一份簡歷，看看自己缺失，用剩下的時間開始準備把這簡歷中不足彌補上。我大一的時候看過一篇神三元的面經，我還是挺重視網絡、操作系統、編譯原理，但我聽說這個大廠才考，我也沒想過我能面到大廠，所以把這個學習久放的很靠后。

復習了一段時間，感覺有些力不從心，開始用四象限法則，適當舍棄了一些點，最開始簡歷是寫的了解 node 的，本來我想通過后面的時間把它變成熟悉的，但是后來復習起來發現剩下的時間不多，想了想感覺 node 也并不是必備項，直接就刪掉了。

今年 2 月份左右吧字節也舉辦了前端訓練營，還是什么營我記不清了，我當時報名參加 5 道算法就一道 75% js 的怎么輸入我不知道，用的 c 語言，c 語言輸入有的需要 getchart()，不然會取值錯誤，也不能調試，就一道只輸入一個整數，其他題怎么輸入我都寫不明白，開始意識到自己編碼能力很差，離開了代碼提示，不能調試，就什么都寫不出來，在那開始就去用記事本去刷 leetcode，玩轉算法面試 Leetcode真題分門別類講解，還有 js 的各種手寫。

我覺得找工作是一個很熬人的過程，需要有足夠時間和一點運氣，我希望大家能留下充足的時間和耐心做好充足的準備。

寫簡歷

對于寫簡歷，B站 有很多的簡歷點評大家可以去看看Young村長大圣老師前端早早聊。

我大概說下我自己之前的簡歷吧，我的簡歷分為四個模塊個人信息、教育經歷、技術棧、項目經歷，一頁。

• 教育經歷

  • 對于學歷每個公司都是很看重的，對于一個沒畢業的學生，更是格外的看重，尤其我這種學歷是劣勢的，我怕它看不到所以單獨列了一個教育經歷放在最上方，學校下面是獎學金和兩個算法比賽，我個人覺得比賽沒必要寫太多，因為大多面試官都不知道這個比賽是啥，偶而會有面試官會問一下。

• 技術棧

  • 深刻理解 HTML 語義化，熟練掌握 CSS 模塊化, ES6+

  • 熟練掌握 React 及其周邊生態，并了解其底層原理，了解 Vue

  • 熟悉 Webpack 基礎配置及性能優化，了解 Chrome DevTools、Lighthouse 等性能測量工具

  • 掘金鏈接(這個很重要，比如有的面試官問的問題，我印象不是很清晰，比如 webpack，那些插件名我實在記不住，就告訴面試官我有篇文章是寫這個的)

  • 我沒寫網絡

• 項目

  • 說實話，我一直所認為的亮點和難點，需要達到人無我有，人有我優的地步，到現在我也還是這么認為的，但是多少不現實，我也沒這個本事，希望以后能達到這個高度。

  • 我覺得還多體現自己的一些思考吧，工作也只是重復搬磚，但你如何把這這個磚般的更快、更好、更整齊那，那就要看你自己怎么去想、怎么去做了。

投簡歷

大家可以先看看這個視頻 HR 是怎么篩你簡歷的和面試老P7告訴你怎么獲得面試機會，從1面到4面該如何應對

• 在牛客網上有人問我的面試機會為什么會這么多，是項目還是比賽有亮點？

  • 我個人感覺好像都沒有，但是我投簡歷的時候不看城市，投遞的時間又那么久，所以我的面試機會就翻了好幾倍

雖然說金三銀四、金九銀十，但是那只是針對大公司，但現在各大公司提前批一個比一個早啊，反正我在三四月份的面試很少，幾乎都是電話面試都要求要盡快入職，我學姐和我們說他們公司都要等六七月份才開始招人，因為這時候人多可以壓價。

我在 BOSS 投遞的簡歷比較多，但是 BOSS 必須要對方回復你才能發簡歷，所以我在詢問機會的時候會把我的作品鏈接和掘金鏈接都發過去，一般看到鏈接處于好奇心都會開看看。

面試

在看一遍看看不同面試官的考察點老P7告訴你怎么獲得面試機會，從1面到4面該如何應對模擬面試看看你會不會犯同樣的錯誤饑人谷模擬面試：

• 緩解緊張

  • 我印象中最開始面試的時候，我提前兩個多小時就進牛客面試間去等，讓自己到面試的時候表現的好一點，但是還是緊張

  • 后來一般提前 10 分鐘到 20 分鐘吧，聽歌，干飯人，感覺能緩解一點，剛開始還是有點小緊張，問幾個問題就不緊張了

  • 現在面試就不緊張了，因為我面試成功他以后就是我的同事，互聯網和工位和大網吧是一樣的，就當是了同事同學交流了

• 自我介紹

  • 我的自我介紹特意背過，很簡短，我語速比較快(因為我感覺他們不聽，我也有點緊張，緊張說話更快)，背的自然就沒有然后的口頭禪

  • 給出一些暗示，引導一些到一些ni方向，你

• 面試不關心你不會什么，也不會因為你不會一兩個問題就掛掉你，是允許候選人有知識的盲區的，面試更關心你會什么，你的亮點是什么，遇到問題不要著急回答，先思考一下，就像我們平時做事，不是比誰做的更快，而是比誰做的更好，這是三面面試官說的：

  • 遇到不會的問題，適當轉移話題

    • 一些答案比較統一的題吧

      • 我如果不會，就直接過(一面說的多)

      • 或者我會一些其他與這個相關的，我就會說這個我不會但那個我比較熟(二面說的多)

  • 一些偏思考的題，場景的，或者是寫代碼

    • 先復述一遍題，我要是沒聽懂，或者有些點的不太明確我會再問問，要是沒思路，就會說我暫時沒什么想法了，寫代碼我就說等我在想一想。

    • 因為我覺得代碼題會給比較長的時間，而其他題就是一個快問快答的節奏，不會就過了，讓他多問一些我會的。

    • 現在看來，想法不太對，這回三面面試官也說了一下，我經歷電話面比較多啊，電話面雙方都不說話我是感覺是很尷尬的，我一般答的就比較快，或者多復述一下題目啊盡量避免這個冷場，無論視頻和電話面，我比較忌諱冷場，但現在看來這個思考時間把控的就不好，希望大家能根據考察點對時間進行一個調整，尤其是電話面。

  • 在回答結束也要告訴面試官你答完了

    • 電話面和視頻面如果對方有些停頓，我就會問我是不是沒說明白。

  • 適當擴展

    • 我回答問題，就喜歡回答關鍵點，不會描述太細節，因為我覺得都會，但是實際上面試官不知道你是真實掌握還是從面經看來的

• 面試不是考試，不要太死板，適當尋求一些提示

  • 題沒聽懂，不知道面試官想問什么

  • 某個 API 忘了

  • 優化代碼代碼沒思路

• 反問

  • 最后可以主動留個聯系方式，這樣在掛掉之后也可以問下原因，別一個坑栽兩次，你栽的起嗎？我栽不起。面試通過也可以問問工作，租房什么的。

• hr 面

  • 再看一遍這個視頻，加深印象 HR 是怎么篩你簡歷的和面試

實習

租房

我當時 offer 發下來之后，面試官就加了我的微信，后面我快要入職的時候，面試官就和我說馬上要搬工位的了，并在地圖給我畫了幾個位置，在牛客加了滴滴租房的群，很快就找到了距離工位比較近房子，群里有幾個實習生都租錯地方，入職之后發現工位不對，因為我們辦理入職的地方和辦公的地方是不一樣的，他們又都沒有面試官的聯系方式，hr 也不清楚，就很麻煩。最好租的近一點，周末還能去蹭個空調學學習。

融入環境

先根據郵件地點辦理入職，會講一些公司辦公的軟件，考勤，答疑什么的，電腦要由導師申請，第一天沒權限，安了一天環境，第二天改改文案錯誤、熟悉項目代碼，下午就開始搬工位，周末就放假了，下周來還是熟悉項目代碼、寫組件的文檔，過了幾天 PRD 評審，評審一半給我發消息說讓我進去也聽一下，我進去，這干啥那？啊，結束了，說啥了？給我分了點任務，開始寫昨天評審的頁面。后端培訓回來給出接口文檔，我看著接口文檔，設計圖顯示要分類，這一堆，我怎么分類啊，我就去問后端，后端說分類是產品定義的，后端不管，啥？還有產品？好吧。

后面開發完部署，產品體驗就提了一堆 bug，我寫的是圖表展示一些后端的指標，涉及很多單位，單位的轉化和數字的截取(保留小數點后幾位)，這些都沒做，這些細節在 UI 沒有畫，但是在 PRD 評審的時候會說，我也沒聽，也不知道。這個時候我明白 PRD 評審是干嘛的，再之后工作就是重復之前的過程。

• 在這個過程主要體現兩個問題

  • 溝通

    • 我之前都是自己寫后端，根據頁面也來去寫數據，我對后端的一些設計理念，也不了解，再加上我一個剛來的實習生，他對我的的能力可能也是存在一些質疑，所以我在剛開始和后端溝通接口文檔的時候，他每次都要把我的導師叫過來，再問一遍，好多的時間都花在了溝通上了。

    • 我當時總是問一些反問句，因為我當時覺得這個數據不太對，但是他這么設計是有什么考慮嗎，反問句可能會給人帶來一種質疑感覺吧，有點不太好，現在也是熟了一些，有問題我就直接說，這么設計會有什么樣的問題。

  • 經驗不足

    • 因為這個項目沒有引入什么適配的方案，我當時還問了一下，說不用考慮寬高等比例變化，問的可能有點不太明白，我就把最外層容器直接固定，只考慮屏幕小的時候怎么展示更好一點，結果大屏就涼了，外層又改的百分比，我當時應該縮放瀏覽器，多測測的

    • 文字的截取(老大看我代碼提的)，后端正常返回幾個字，但是后端不正常返回給我幾萬個字，那第一眼看去就是前端問題

    • 不聽 PRD 評審，我當時對產品也沒有概念，PRD 評審是干嘛的我當時也不知道，結果開發完被提了一堆問題

    • 雖然都是小問題，但是這些問題不應該出現

逐漸思考

業務思考

一個流程下來，我也對業務和環境也比較熟悉了，但經歷這么長時間的面試一直就項目亮點和難點的，我真的以為實習工作是充滿挑戰的，不然哪來的亮點和難點啊，來之前我還一直在想我勝任不了這份工作，而實際上工作中我也并沒有感覺到什么難點和亮點。真的和我平時自己寫代碼區別不大(我平時對自己代碼的要求還是很高的)，只是多了一些流程。

這樣工作讓我感受到了一點點的危險，我對轉正答辯不了解，但我感覺和晉升答辯差不多，而我現在又沒什么特別的貢獻和成績，轉正？不可能。我也不想我現在沒有選擇，以后也沒有，我又應該如何提升自己？

學新技術、看源碼？沒實習前我一直都這么做，結果就是盲目學習，這個比較火，那個面試常考，最后不過是多背了一些東西，收獲一些 API，過兩天就忘了，反而帶來一些焦慮，實際意義和收獲并不大。

實習之后我的思考點也有所轉變，更想去解決一些實際問題，帶著問題去學習，比如我現在想到的問題就是我們現在項目的彈窗，統一用 redux 進行管理的，而這個每次的創建注冊的過程，怪麻煩的，那我好像可以寫一個 cli 通過命令來執行這些操作。

時間管理

雖然我們組下班比我想象中要早的多，每天晚上八九點大家就都走了，但是我本身加時間觀念不強，再加上有一些惰性，和一些額外的事情，時間就顯得有些割裂，每天學習就感覺有些碎片化，不能像在學校的時候專心學習，其他都不管不顧。

未來規劃

• 準備專升本考試

• 加強時間管理

  • 劃分優先級，四象限管理法

  • 整理知識點、制定學習計劃

  • 利用碎片時間，但碎片化的學習，我感覺學不到什么，反而會讓我更焦慮，所以我會用這個時間關注一些新的特性或者一些稀奇古怪的小點，如果遇到一些比較重要，先劃分優先級，再考慮系統的去學習

• 打好基礎，提高自己的專業技能

  • 網絡、操作系統、編譯原理

  • 多刷題，帶著一些問題，去看源碼，學習其中的編程思路和設計思想

---

之前跟小K的交談過，可以感受到他求職之旅很艱辛，這是他第三次面字節了，我相信未來某一天，他會跟我說，他已經拿下字節offer的！

每個人通過自己的努力，最后都能收獲滿意的成績～

看似尋常最奇崛，成如容易卻艱辛。

共勉！

文中鏈接

[1]. 常用的性能測量 APIs: https://juejin.cn/post/6953220613104205855#heading-16

[2]. 神三元的面經: https://juejin.cn/post/6844904106537009159

[3]. 玩轉算法面試 Leetcode真題分門別類講解: https://coding.imooc.com/class/82.html

[4]. 簡歷點評-Young村長 Leetcode真題分門別類講解: https://space.bilibili.com/480140591/?spm_id_from=333.999.0.0

[5]. 大圣老師: https://space.bilibili.com/26995758/dynamic?spm_id_from=444.41.0.0

[6]. HR是怎么篩你簡歷的和面試: https://www.bilibili.com/video/BV1Uf4y1h7g7?spm_id_from=333.999.0.0

[7]. 前端早早聊: https://space.bilibili.com/35528472/dynamic?spm_id_from=444.41.0.0

[8]. 老P7告訴你怎么獲得面試機會，從1面到4面該如何應對: https://www.bilibili.com/video/BV1bL4y1Y7iS?spm_id_from=333.999.0.0

[9]. 老P7告訴你怎么獲得面試機會，從1面到4面該如何應對: https://www.bilibili.com/video/BV1bL4y1Y7iS?spm_id_from=333.999.0.0

[10]. 饑人谷模擬面試: https://space.bilibili.com/388802312/channel/detail?cid=79171&ctype=0

最近組建了一個湖南人的前端交流群，如果你是湖南人可以加我微信?ruochuan12?私信 湖南 拉你進群。

推薦閱讀

1個月，200+人，一起讀了4周源碼
我歷時3年才寫了10余篇源碼文章，但收獲了100w+閱讀

老姚淺談：怎么學JavaScript？

我在阿里招前端，該怎么幫你（可進面試群）

·················?若川簡介?·················

你好，我是若川，畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列》10余篇，在知乎、掘金收獲超百萬閱讀。
從2014年起，每年都會寫一篇年度總結，已經寫了7篇，點擊查看年度總結。
同時，最近組織了源碼共讀活動，幫助1000+前端人學會看源碼。公眾號愿景：幫助5年內前端人走向前列。

識別上方二維碼加我微信、拉你進源碼共讀群

今日話題

略。歡迎分享、收藏、點贊、在看我的公眾號文章~

總結

以上是生活随笔為你收集整理的面了三次字节，他的一些感悟的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。