「來源： ｜React ID：react_native」
你好，我是
TianTian
。
今天分享一篇
小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
10月20日微語早讀：張一鳴身價達3791億超馬化騰成中國第二大富豪|華為將建76萬平大廠|快手海外業務大調整