大三的小白同學是如何拿到字節offer的，經驗分享

這是來自大三邵小白同學的投稿。原文鏈接：https://juejin.cn/post/7092806181856657445

很多時候我們容易羨慕別人成功了，卻往往沒有看到別人背后的努力。

1前言

大家好，我是邵小白，一個長沙某不知名雙非的大三學生。今年三月份來到杭州丁香園實習，沒錯就是網上可以看病，然后經常被人說賣買藥公司的那個。實習期間，每天堅持摸魚學習，一邊頂著導師的任務下，在四月份也就是今天終于字節上岸了，于是晚上下班回來便有了這篇春招總結文章。希望可以幫到后來人，也歡迎和我一起交流技術一起學習。

本文不會涉及到實際的面試題，但是可以和大家分享一下如何準備好一場面試，面試復習指南，以及我的學習方法、成長經驗等。

2簡歷制作

我將其放在第一位，可見其重要程度。我相信看我這篇文章的人，更多的是帶著一種好奇的心態，好奇“我是怎么上岸的”，好奇我的學習方法。后面都會一一和大家說到，不著急，我們先把最最基礎的部分講完。

技術組成

技術組成，最重要也是最容易忽視的一個地方，如果把簡歷當作一場辯論來看（本質上還是說服，說服hr和技術人員來邀請你面試），那么技術組成我們可以當作我們的論點，當然并不是其中每一個論點我們都有必要去論證，而簡歷上的經歷，其實就是一個一個的舉例論證的過程。證明我們會！證明我們有經驗等等，同時技術棧也符合jd上的要求，這樣我們就做好了第一步。

那第一步具體要怎么做呢？

在年初寫第一版本的簡歷時，腦子里第一個想法就是去模仿，去參考大神是怎么寫的，找了很多很多的簡歷，包括牛客、百度和學長學姐的簡歷，最終在掘金上找到了最適合我的一篇tiantianup總結｜經驗分享。其實這也是我想告訴大家的一個想法，不管現在大家是處于工作的哪個階段，我們總能從找到身邊的人之中，找到一些榜樣，去模仿，去學習，模仿是我們天生就具備的能力，這里做個強調。

我接下來講一講不那么空洞、假大空的話。也就是說人話，把我現在收集到的一些經驗和信息分享給大家。

幾個不要

技術棧上不要有過多的關鍵字，顯得太臃腫，太多反而有點適得其反，也不要反復的去舉出具有包含關系的技術關鍵詞有些時候一份簡歷甚至只會看一分鐘，所以精簡很重要。舉個簡單的例子🌰

//bad
熟悉javascript，熟悉原型鏈式、閉包、作用域、執行上下文、。。。。熟悉ES6、ES新特性
熟悉Promise，能手寫promise//good
熟悉JS、ES6，對異步編程promise有一定研究。

一份好的前端技術棧里面，是可以省略掉html、css、git這部分內容的，默許大家都會，但是如果你對于css的一些高級特性，動畫特別熟悉的話，也是可以著重點突出的。
如果有閱讀源碼的經歷，除非自己有很大的把握，并且是真的能和面試官說幾句，不是看了幾個視頻或者幾篇別人的總結文，就可以寫自己有閱讀源碼的經歷的（挖坑），你可以在面試的過程中，展現你的技術深度。這是一位字節在職學姐給我的建議。
總結部分，如果沒有佐證的東西，那就可以省略。例如如果你的掘金文章擁有上10w的閱讀量你可以將你的掘金地址寫上去，并且加上一句熱愛分享、總結。有自己的技術積淀 ...，避免說空話。

舉個例子

//?bad
喜歡技術、熱愛總結、balablaba。//good
熱愛總結和分享，掘金社區擁有10w+閱讀量，獲得過掘金新人優秀作家、CSDN。。。?（上鏈接就好了）

看一下我自己的

項目經歷

這部分知識我就不太介紹了，自己也不是一個項目經驗非常豐富的人，具體可以參考這篇文章 # 項目經歷準備篇——如何準備阿里巴巴P6/P7前端面試

關鍵的點還是，如何抓住hr/面試官的眼球，讓他們有想要問你的欲望。有時間的話，可以多去github上逛逛，多關注關注一些新鮮的事物，保持對外信息的獲取。后面會推薦幾個自己常逛的。

簡歷制作

第一個版本的簡歷用的是超級簡歷，很多人會誤解超級簡歷后面要收費才能用，但其實可以不下載，選擇打印的方式就可以不用VIP。如果滿分有10分的話，在我心中還是可以拿到8分的。

但后面第二三四版本的制作用的都是木及簡歷，這里也推薦給各位看官。附上地址: ?木及簡歷，滿分10分，可以給到9分。（少一分，留給市場競爭）

注意，寫在簡歷上的東西，一定自己要熟悉。也要模擬出一些問題，能夠經得起推敲，每一個關鍵詞都可能會被挖掘，你需要為你的話而買單（如果是一場辯論賽的話）。當然，只要不是吹的太過分，也不會有那種太刁難你的面試官。

3視野篇

其實這部分甚至可以單獨拿出來講，內容也很多，這里就簡單做些個人心得分享。（下次再講吧～）

4面試準備｜復習指南

這里就拿我自己的技術棧給大家打個樣。當然因為我自己也是一個踏入前端不久的小白，如果中間有講的不太對的地方，歡迎指正！萬分感謝。

個人技術菜單

-?html、css、js、ts
-?vue全家桶、react全家桶
-?webpack4/5?vite（了解）
-?瀏覽器、計算機網絡、算法
-?koa源碼、vue源碼

1.代碼命名規范

# 你真的會代碼命名嗎？優雅學會《如來神掌》再也不怕不知道如何命名啦！

2.html、css部分

html部分的復習計劃大概在一天以內，需要注意一些不常見的東西，例如defer async 的區別 doctype等等，但一般也很少問到（我面的公司里面沒有問過這部分內容）

# 「2021」高頻前端面試題匯總之HTML篇

css部分這個稍微會多花一點時間，如果有移動端經驗的應該會好一點。大概兩天。不用太糾結一些樣式了，比如什么10種方式實現垂直水平劇中的，一般你知道常用的兩種就行了。

# 「2021」高頻前端面試題匯總之CSS篇

# 字節跳動最愛考的前端面試題：CSS 基礎

# 7種方法解決移動端Retina屏幕1px邊框問題

3. js部分

這里是重中之中，所花費的時間也因基礎不同存在比較大的差異，主要有幾個部分

js常見面試題

# 字節跳動最愛考的前端面試題：JavaScript 基礎

# 送你 43 道 JavaScript 面試題

es6# ES6面試、復習干貨知識點匯總（全）
promise# 【建議星星】要就來45道Promise面試題一次爽到底(1.1w字用心整理)

# 從一道讓我失眠的 Promise 面試題開始，深入分析 Promise 實現細節

js手寫這36個手寫中手寫call、apply、bind 部分可能不是很清晰，可以看后兩篇

# 死磕 36 個 JS 手寫題（搞懂后，提升真的大）

# 32個手寫JS，鞏固你的JS基礎（面試高頻）

# 面試感悟,手寫bind,apply,call

其他正則不要背

# 「前端進階」JS中的內存管理

設計模式強烈推薦這本小冊子來入門，真的是我見過最通俗易懂版本的，建議精讀兩遍

ts 我自己也還在學習中，這里我目前看到最好的幾個網址/文章（學習順序從上到下）

# 一份不可多得的 TS 學習指南（1.8W字）

# Ts高手篇：22個示例深入講解Ts最晦澀難懂的高級類型工具

16個ts自檢網址https://typescript-exercises.github.io/#exercise=1&file=%2Findex.ts

以及antfu的ts闖關的小游戲https://github.com/type-challenges/type-challenges

4. webpack

vue和react我就不說了其實在掘金上一搜就能看到很多，這里就推薦一本關于Vue的掘金小冊（我看過很多遍了，第一次看不太懂，后面再看的時候收獲真的很大）

webpack倒也不是特別復雜，但很容易踩坑。很容易因為版本問題勸退新手。

關于前端工程化的學習，可以關注山月 這是他的主頁地址 https://juejin.cn/user/1556564164489389

個人推薦webpack的學習順序

第一遍看硅谷的b站視頻
第二遍看這下面三篇，尤其是第二篇。我也收藏了。

第三遍就直接對著面試題查漏補缺了，最后也可以看千峰教育的webpack5

5 瀏覽器、計算機網絡

計算機網絡大家跟著三元同學的靈魂之問就好了，這里可以推薦一個好點的文章給一些新人朋友們。

# 從瀏覽器多進程到JS單線程，JS運行機制最全面的一次梳理

以及極客時間里的瀏覽器工作原理與實踐

關于http、dns、https、加密這些的推薦b站的技術蛋老師

6 算法部分

想要進大廠這個是必不可少的一部分，不得不承認算法會在你積攢了量級之后，較為明顯的提升你的代碼質量，打ACM的代碼就是優雅意識很高（羨慕）。在面試前保持刷題手感是很重要的。

在我深受算法毒害的時候（不是），是labuladong的算法小抄救了我相信我，你也可以變成一道光

其次還有這個分類整理好的刷題指南 ?javascript-algorithms

根據企業部門刷題的codetop

7.源碼部分

這里推薦大家可以去關注一下若川，名字取自上善若水、海納百川。第一次見就被吸引到了。

這是他的公眾號。

可以跟著若川大佬一起學習源碼（源碼共讀）（雖然我現在已經擱置挺久了，但這也是我打開源碼世界的一扇大門）

這里簡單說一下，為什么看源碼，其實倒不是說看什么源碼比較重要，我在實習過程中也很喜歡看其他實習生寫的代碼，在自己實現一遍之后，看到有些更優雅的代碼真的會恍然大悟。讀懂這是其一，模仿寫出更加優秀的代碼，或者說在這個過程中鍛煉閱讀代碼的能力，都是一件非常有意義的事情，當然并不意味著去死磕某些東西，對于一些比較難理解，過程比較繁瑣的也可以暫時跳過。

koa源碼很簡單，相信我，學完koa一定是一件非常有成就感的事情。

把這個看完，自己再手寫一個簡易版本的koa就差不多了。不怕和面試官battle了

也是很多前端學習擴展視野的一部分。接觸后臺開發，就從簡易的koa入手吧。https://github.com/koajs/koa/blob/master/lib/application.js

學習方法

其實寫到這里，感覺把自己的很多魚都分享給了大家，關于學習方法這一塊，我可以總結幾個關鍵詞。

以終為始，每個階段都有自己的目標（例如我的下一個小階段目標就是，掘金漲到100粉，所以半夜我還在肝這篇文章）
逐漸養成深度思考的習慣，面對困難要對答案而不是抄答案
保持謙卑
永遠學習這樣說會不會有一種把自己放在高高在上的位置對別人說教的感覺呢？

這里拿react學習，來簡單說一說我的學習路線和規劃。

第一遍,因為對于未知領域來說，陌生就是最大的挑戰，自己會本能的抗拒，如果在學習過程中遇到一些挫折很容易就怪罪其技術本身的復雜度。所以第一遍我的建議就是，快速預覽一遍，知道是什么？怎么用？然后找到一些快速入門的教程，過一遍，用已有的技術棧進行類比，學習。

第二遍，官方文檔是最推薦的學習工具，但因為不同的人基礎不一樣，所以如果覺得官方文檔比較難讀懂的話，可以在第二遍的時候去看別人博客上的總結，一定是看，其次就是模仿，但記住，并不是一行一行的模仿，而是通讀別人的代碼之后，根據自己的思考重新梳理之后，寫出示例代碼。

第三遍，這個時候你已經會簡單的語法了，并且你可能也了解到一些生態的名詞。不用刻意記憶，忘記了也挺正常的。選擇做一個項目，選擇稍微有點挑戰，但也不是要太難的項目。常見的后臺管理就好，這部分你會學到在具體項目中的一些最佳實踐，包括什么時候采用那種方式的組件通信等等。記住一句話慢即是快，這部分你是在打基礎，所以不用太著急，如果時間充裕的情況下，是可以參考第二種的學習方法，重復讀代碼->遇到問題->思考->解決問題->寫代碼的過程。

第四遍，到這里其實你已經不知不覺鍛煉了自己幾個能力，并且這個過程不會很久，目測甚至2個星期就可以完成，這三種能力會在你不斷學習的過程中得到鍛煉。

讀
寫
思考接下來就是對其運行機制，原理方面的學習了，這一步是很有必要的，具體的方法就是多看（我就喜歡看掘金多一點，b站也是）走完這一個步驟，react在你手里就不在是一個黑盒子了。你可以用這個白盒子做很多項目的開發，記住，不要讓技術棧限制你的想象力！

5談談體會

ok，技術類差不多就分享到這里，接下來就是我自己的一些總結了。

還沒學會積淀之前，小白同學的大學生活，總是不知道為什么而忙。很多時候還沒開始認真做事情一天就已經過去了。一度處于迷茫狀態之中。也會因為很多瑣碎的事情，讓自己很容易就奔潰。在那段時間，很感謝女朋友給了我很多鼓勵，也恰好自己也沒有放棄自己。

我是在今年一月份開始準備春招，在這段時間里認識了幾個很重要的人，很感謝她們給我的幫助。也是她們鼓勵我來參加字節跳動的面試，不厭其煩的幫助我修改了很多次簡歷。真的很感謝。（如果虎鯨學姐有看到的話 💐）

這三個月里一共接收到來自10幾家公司的面試邀請，在三、四月的時間比較集中，四月在字節面試的前夕，每天都會和女朋友進行模擬面試，我會給提前她一份面試題，她來扮演面試官。大概這樣持續了一個星期，每一次接近一個小時。不斷提升著自己的臨場發揮能力。她也會給我很多建議，我在回答一遍之后再看答案也會學習這部分知識目標也會變得更加明確。

恰好丁香園目前是實習生培養計劃所以我的實習并不會有太大的負擔。相反，我也有很多時間可以抽出來照顧一下自己的掘金。算是自我總結，自己也會時常翻看自己寫的文章，有一種看過去寫的小作文的感覺了。積淀很重要，字節hr面問道“看了你的掘金，你是如何去選題的呢？怎么想著寫這些內容的”。

答：也許是想記錄每一個腳印吧。也許是想要效仿小王子和玫瑰的故事，我在記錄著我自己的故事。（實際上回答的內容核心也是：積淀，輸出）

6個人成長經歷（扯皮）

轉專業

和三元同學的經歷一樣我也是一名轉專業學生。轉進來的時候已經是大一下學期了，偏偏不巧，又碰到疫情，只能在家上網課，白天10點起來，晚上玩游戲到很晚到那種。整個大一可以說計算機和我的軌跡相交點少之又少。大一一年學到的就是畫工圖、高數這些基礎課程，績點都拉的滿滿的。白天所有的時間都交給了學生會和一些社團活動，也參加了辯論隊，校演講活動等等。晚上就是辯論時間了，周末也會出去見見社會，也會做一些類似服務員的兼職，算是大學中最開心也是最充實的一段時間。可以給大家看看原專業時的工圖。（實操遠遠比看圖要難，甚至有時一張圖需要花費五六個小時）

接觸前端

大二上學期，小白立志要努力讀書。好好學計算機，于是乎剛剛開學的每一堂課我都坐在最前頭（當初可能不知道最耽誤學習的就是上課了）。偶然一次下課，聽到數電老師實驗室需要招納新人的時候，立馬覺得翻身的機會來了，第一時間就進入了老師所在實驗室下的小組。進入實驗室之后發現學的是硬件方向的和我的預期不符合所以就沒呆多久就退出實驗室了，但那個時候是我第一次知道前端這個詞。后面在b站追番的時候又找看到了三小時學會html + css，比較好奇就去學了一下html、css，還記得講師聲音特別好聽。幾天之后也能做一些簡單的網頁，但沒有繼續選擇深入學習（后悔）。

下學期，為了和女朋友表白也是費勁了心思，實在想不出好點子了就想發揮自己的主觀能動性，我干嘛不用前端來做一些有趣的事情呢！！點子有了馬上就去找教程了，這里可以給大家看一下當時做的一些東西。精力有限還是沒來的及開始，當然也做過一些更羞恥的demo，這里就不獻丑了。未來答應了npy有機會做一個下班可以支持帶點心的小程序，這個一定要貫徹落實下來。（她也會看我掘金...）

暑期快放學的時候第一次投了簡歷，其實當時js都沒學明白，還只是一個剛剛用過vue的小白。投遞的第一家公司是長沙的芒果TV，無奈基礎太差無緣實習，但從那時候開始打算重新學習前端，暑假期間面臨封校，我就選擇留在學校里，找了個理由就重新加入了硬件實驗室，和老師熟的好處就來了，他們也不在意我在學習什么內容，我每天可以享用實驗室的資源，空調和免費的🍉，來充實自己的基礎。那段時間基本上每天都是早上8點進入實驗室，晚上10點回宿舍，持續了兩個月之后就開學了，開始用vue做了后臺管理系統，也系統學習了很多關于js的內容。

大三上學期，花了一個星期學習了react（但是后面又重新學了一遍，包括我現在也在學），抽空看了b站的尚硅谷的ts教程、深入學習promise。也看了很多很多篇關于Vue原理的文章，接觸了Vue3，買了js設計模式（騰訊出的那本）以及很多很多本掘金小冊，但當時因為學校還有課程，所以也沒有太多精力來學。每天遇到不那么重要的課，我就會帶上電腦學習一些新知識。到學期末設計模式課程我就是用兩種設計模式寫了一個Vuex（老師和我熟～～），javaWeb課設我就自己用Vue3話了一周多和室友寫了一個商城，看了三元同學的經歷也去學了瀏覽器實現原理以及webpack4。算法也是一直沒拉下（一直跳過困難），很多題目都重復刷了很多遍。

等到大三寒假的時候是我成長的最快的階段，每天至少學習8個小時，那段時間。瘋狂吸取知識，也在一邊準備自己的簡歷，如果用一次詞語來形容我的話，就是饑渴。求知若渴，極客時間里的10X程序員中的學習方法也幫助到了我很多。不斷詢問自己的三個問題。這里也送給大家。

我現在在哪兒（我現在具備的能力有哪些）
我要到里哪兒去（我想要成為什么樣的人，我的職業規劃是什么）
我怎么樣才能到達那里（我怎么達到這樣的目的呢？）確定目標之后，才能避免無效努力。

閱讀

今年上半年很是慚愧，一下就來到5月了，原本想要今年能多讀一點書的，但我買的Vuejs 設計與實踐、JavaScript設計模式與工程實踐以及掘金的CSS新世界，紅寶書都知識淺淺的讀了1/4，也包括非技術類文章，影響力、思考--快與慢...計劃好今年上半年要讀完的書都還沒來得及開始，不知道下一次寫文章是什么時候，冴羽老師說，寫文章最重要的是堅持。很喜歡很喜歡冴羽老師的一個很大原因就是因為其文化底蘊，佩服其閱讀量和其流暢的行文，也是我現在最為崇拜的偶像和學習目標，大家也可以關注一下冴羽的個人主頁，吹爆！！！

7總結

這里就不做太多總結了，現在已經是晚上12：30了，說好了春招結束的總結文也寫完了，當然開心最重要啦～春招終于結束了！，我是邵小白一個3000場前端的老前端（不是），歡迎點贊評論，關注不迷路

下期預告（react hooks 總結 ）

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

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