大家好,我是若川。最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,已經有超50+人提交了筆記,群里已經有超1500人,感興趣的可以點此鏈接掃碼加我微信?ruochuan12
這篇文章記錄了江西師大學弟進入字節的心里路程,內容很長,記錄一次雙非院校拿下大廠offer的不容易。
如果你還在糾結如何學,從哪里學起,這篇文章,可能具有一定的借鑒意義,以下是正文。
前言
對我而言,漫長的秋招終于結束了,9月初到現在,在經歷整整一個月的高強度面試后,我終于進入了自己理想中的公司。
至于具體是那個公司,各位讀者可以關注一下文末。
在正式開始講述秋招前,讓我先簡單的介紹一個自己。
自我介紹
2022屆畢業生,就讀于江西師范大學,算是科班吧,本專業學習的是c#,自己在大三下決定的轉語言。
由于在考研和工作之間沒有太多的糾結,這讓我在很早就下定了要進入一個大公司的決心,之后的所有準備工作也都是全力為秋招做準備。
在秋招中信息差對一個人真的很重要,如果你一直是孤軍奮戰,你可能對自己目前的水平會有一種錯覺。以我的經驗來看, 大多數人可能低估了自己的能力。所以一定一定要多與那些比自己優秀很多的人交流,這樣你看到的視野是完全不一樣的。
以我為例,我在認識天天學長,若川大神等一系列大佬之前,我一直覺得自己的水平頂破天也只拿到能一個月薪8000的工作,但是在看過他們的文章以及和他們經過簡單交流以后我萌生了一顆大廠夢。我記得之前看到過這樣一個理論,經常與比自己優秀的人接觸,你可能無法超越他們,但是你絕對可以提升自己。
簡單的自我介紹后,給大家講講進入一個好公司需要做的一些準備。
準備工作一: 分析大廠的加分項
公司需要的是高匹配度的人才,為了進入你理想的公司你需要讓自己盡可能與公司招聘要求匹配。
其中匹配項或者說是加分項分為如下幾類。
一個好學歷(985>211>雙非, 博士>碩士>本科)
實習經歷(最好是大廠的)
項目經歷(除了公司做的項目外還有自己去鉆研一些項目)
有含金量的比賽(算法,英語水平等)
有成為一名優秀程序員的潛質(有定期做筆記的好習慣,有技術分享的愿望)
leecode刷的多(你想進大廠,這是不可避免的)
扎實的專業技能(前端,后端,測試等)
以我個人為例,為了秋招,我做了這些準備
積累實習經驗,在正式秋招之前,我有兩份實習經歷,各自長達2~3個月
積累項目經驗,除了在公司中接觸的項目,我自己有去單獨做一些項目
維護博客,從開始學前端開始,每啃下一個知識點,我都用一篇博客記錄
做思維導圖,定期梳理自己的知識,系統化的組織自己的所思所學
刷算法題,針對性的刷題,如劍指offer,codetop等
可以看到,以上這些條件中,有的是我們改變不了的,比如學歷,但是大多數條件是在我們努努力就可以觸摸的到的,比如實習,項目,博客等。
小tips??
關于寫博客
寫博客剛開始不一定要美觀,就當作是做筆記,可以堅持下來你就成功了,可以在掘金,語雀,知乎等平臺上維護,個人推薦掘金。
學業和實習如何兼顧
必須要以學業為主,絕對不能掛科,實習可以在暑假時或者快沒課的時候再找,途徑包括但不限于學校招聘會,boss直聘,學長學姐內推等。
如何找項目
b站有很多很多課程,還有就是可以去慕課網進行購買(不推薦,課程質量參差不齊還涉嫌抄襲),這里推薦b站coderwhy老師和pink老師,他們的課程都通俗易懂,而且絕大多數免費,其實只要你愿意花心思,網上資源一大把。
準備工作二: 簡歷制作與面試機會
簡歷制作
簡歷就是一個應聘者的臉面,要讓hr看到你的簡歷覺得很舒服,愿意繼續看下去。
簡歷的制作要遵循一個原則:用盡可能短的篇幅全面的介紹自己。
簡歷中大致要包含這些部分
個人信息(電話,郵箱,姓名,性別等)
教育經歷
工作(實習)經歷
項目經歷
基本技能
自我評價
學校經歷
獲獎經歷
以上前五項是必須要有的,后面幾項看個人所需,你覺得出彩就可以寫上去。
小tips??
簡歷一般不要超過兩頁,如果含金量的東西多甚至可以寫出一頁。
這里肯定有讀者說想要模板,這里給大家推薦一份簡歷模板。
微信公眾號關注天天Up,后臺回復簡歷,就可以擁有一份精美簡歷模板啦。
面試機會
找內推,找內推,找內推。
秋招投簡歷時如果可以找到內推碼一定一定要用內推碼,內推碼的作用就是內推的簡歷會更快的被hr看見,而且有些公司對于內推的簡歷是免初篩的,這可以大大增加你得到該公司面試機會的概率。
小tips??
如何獲取內推碼
優先級: 熟人內推 > 牛客網內推
準備工作三: 面試節奏與面試經驗
面試節奏
原則: 先易后難,先小后大。
我個人的面試過程是從小公司一路刷到大公司的。這屬于比較適合水平一般般的前端兒的面試路線,由于經驗不足加上緊張,我剛開始面試的時候話都說不清楚,更別說回答問題了。但后來隨著經歷了半個月的高強度面試之后漸漸的變得越來越熟練和自信,然后再去投的大公司,所以大家一定要在有準備之后再去面自己理想的公司。
小tips??
這里我是將薪資作為公司面試難度的參照物的,剛開始面8000,然后10000,12000一直向上面。這里大家可以參考其他的標準,比如公司規模等。
面試經驗(重點)
這部分大家看到的可能不會全是原題,但是我會將一些被問到的比較高頻的問題放到下面以供大家參考。基本是圍繞簡歷來問的,其中面試官會根據你回答的點層層深入,所以簡歷上寫的一定要是自己特別特別有把握的知識點。比如我的簡歷中專業技能一欄是這樣的。

而針對于以上的技能,分別可能會涉及到如下問題
自我介紹
自我介紹環節一定要好好準備,面試官可能通過你的自我介紹快速的了解你,包括你是誰,你的亮點在哪,相對于其他應聘者來說你的優點在哪。
大家可以參考一下我的自我介紹
面試官你好,我叫xxx,就讀于xxx大學,今年大四,我主要講一下我在前端方面的一些經歷,首先是實習經歷,在自學一段時間的前端后,為了讓自己的所學真正落地到項目中,我在今年的x月到x月在x公司開始了我的第一份實習,主要的工作內容是xxx,從這份實習中我收獲了xxx,然后是項目經驗,除了在實習中接觸到一些企業級項目外,我還獨立開發過一些個人項目,然后介紹一下自己的項目,最后再說一下自己的博客,最后感謝一下面試官的聆聽。
小tips??
無論是簡歷的制作還是自我介紹的闡述均可以使用STAR法則: 你在什么Situation(情景)下、承擔了什么Task(任務)、采取了什么Action(行動)去完成任務的以及最后取得Result(結果)如何。
實習經歷(項目經歷)
其實這里就是講一下你在開發公司的項目或者你個人的項目時遇到的一些重難點的。可以參照上面的STAR原則進行展開,比如
項目背景(為什么開發此項目)
項目開發中承擔的角色(負責項目的那些部分)
項目開發中遇到的重難點(考察你開發時是否思考過該項目)
項目開發之后收獲了什么(考察你是否善于總結與反思) 這里舉一個很經典的問題,是一位大廠的面試官問我的。
假如你現在是一個項目的負責人,你該如何去統籌一個項目的開發,有哪些開發流程?
如果是一個沒有過或者只有過少量項目經驗的小白,一時間肯定很難招架面試官的這個問題,因為你可能可以回答出一部分,但是肯定回答不全,所以這里不用講的很細,把其中的重要步驟講出來即可。
具體的答案大家可以去參考這篇文章,里面詳細的介紹了作者多年來接觸到的項目工程化的知識👇
手把手帶你入門前端工程化——超詳細教程
CSS基礎
兩種盒模型
如何實現垂直居中(方案盡可能多)
移動端適配方案
偽類與偽元素的區別
BFC
選擇器優先級
position的值有哪些,區別是什么
animation的參數,怎樣實現一個動畫
css設置元素隱藏,兩種有什么區別?
父元素和子元素寬高不知道的情況如何居中子元素
css新特性
css有哪些單位
實現一個塊從左到右的移動
Link與@import的區別
學習方式: 看博客, css這一塊不用花很多時間,遇到不會的直接在掘金或其他論壇上去找文章進行實踐。
HTML基礎
你是如何理解 HTML 語義化的?
meta標簽的用處
你用過哪些 HTML 5 標簽?
介紹一下DOCTYPE學習方式: 反復記憶, 偏理論的知識靠腦子去記, 碰到的時候如果忘了再來看一遍。
JS基礎
執行上下文
作用域/作用域鏈
閉包
原型/原型鏈
繼承
this
類型判斷
類型轉換
深淺拷貝
ES6新特性
事件循環
Ajax
Promise
垃圾回收
正則表達式
內存泄露
事件機制
Generator與async/await
錯誤定位
面向對象
事件冒泡
事件循環
學習方式: 視頻+書籍+博客+實戰
視頻: b站有很多學習JavaScript的視頻,可以選擇一個點擊率較高的進行學習,當然我聽說最近coderwhy老師出了一個js系列的課程,他的視頻質量一直不錯,大家可以按需付費學習。
書籍: 《JavaScript高級程序設計第4版》(前七章必看) , 《你不知道的JavaScript》(先看上中)這兩本我認為是必看的,其他的還有犀牛書,蝴蝶書等可以暫時先不看。
博客: 下面這篇博客中涵蓋了大量的優秀的前端文章,大家可以將其當作一個大綱復習資料,每學習一個知識點去找對應的文章進行學習。
這一塊知識可以說的前端的核心知識了,JS基礎知識的扎實與否決定著你前端生涯的上限,所以在這里一定要多花時間。
2021年前端面試必讀文章【超三百篇文章/贈復習導圖】
實戰: 這個指的就是多敲多練了,千萬不要紙上談兵。
Webpack相關
這一部分需要大家去真正的實踐,去從0到1的配置一個可以基本使用的webpack,否則里面的很多細節你是絕對回答不出來的。
常見的問題包括但不限于:
介紹一下webpack,webpack有哪些配置,loader和plugin有什么區別
tree-shaking原理
webpack的打包優化
webpack的打包流程
路由懶加載的原理是啥,能不能結合webpack說一說。
寫一個webpack插件應該怎么寫
Require/import如何解決循環引用 Webpack是怎么做的
學習方式: 視頻+實戰
b站免費視頻,跟著這個老師從頭到尾敲上個一兩遍你絕對可以入門。
視頻鏈接: 尚硅谷最新版*Webpack*5實戰教程(從入門到精通)[1]
Vue框架
因為我主要是學Vue的,所以這里只談一下Vue的學習方法。如果對React有興趣的朋友,也可以參考一下掘金上一些其他的優秀文章。
常見的問題如下:
Vue的生命周期
響應式系統原理
通信方式
MVVM與MVC
性能優化
插槽
虛擬DOM
Dom diff
vue-router
vuex
Vue2和Vue3的區別
Vue與React的區別
keep-alive
nextTick
methods、computed 和 watch 有什么區別?
學習方式:視頻+官方文檔+面試文章
入門視頻(coderwhy): 最全最新*Vue*、Vuejs教程,從入門到精通[2]
官方文檔:Vue官方文檔
面試必看文章:30 道 Vue 面試題,內含詳細講解(涵蓋入門到精通,自測 Vue 掌握程度)
計算機網絡
這一部分也是面試官必問的,但是計算機網絡的內容很多,作為前端工程師不要求我們全部掌握,我們主要需要學習的是TCP/IP協議。
常見的問題包括:
TCP協議定義
TCP與UDP的區別
TCP的三次握手
TCP的四次揮手
TCP的超時重傳
TCP的流量控制
TCP的擁塞控制
TCP的滑動窗口
HTTP協議定義
HTTP報文格式
HTTP狀態碼
HTTP請求方法
HTTP版本區別
HTTP緩存
HTTPS
HTTP優缺點
websocket
學習方式:書籍為主,博客為輔。
書籍: 《圖解HTTP》,《圖解TCP/IP》,這兩本書很薄而且對新人很友好。
博客: 都是神三元大佬寫的,很通俗易懂。
(建議精讀)HTTP靈魂之問,鞏固你的 HTTP 知識體系
(建議收藏)TCP協議靈魂之問,鞏固你的網路底層基礎
前端安全
通常一些大公司面試官喜歡問前端安全這一知識點,可能考量的是應聘者的知識廣度,這里不會要求你進行編碼,而是希望你知道一些常見的黑客的攻擊手段并且知道如何去防范這些攻擊。
常見的問題如下:
介紹XSS攻擊以及如何防范
介紹CSRF攻擊以及如何防范
介紹DDOS(拒絕服務式攻擊)攻擊以及如何防范
講一講你知道的所有攻擊手段
學習方法: 看博客
常見六大Web安全攻防解析
或者你直接在掘金上搜索安全便會出來一大堆關于相關知識點的文章,找幾篇你覺得看得懂的進行學習。
算法題
算法算是面試中的難點了,也是我的弱點,所以可能這里我能幫助到大家的并不多,我對算法的學習理解為堅持+技巧,我這里按照我的學習過程進行一些文章分享,希望大家可以有所收獲。
解決算法題的能力是需要大量的練習的,所以在這里前期你需要去克服恐懼,花費一定的時間去堅持刷題,直到找到技巧,一般來說,leecode刷上200道可以輕松應付絕大多數面試,當然你時間不夠的話也可以像我一樣針對性的刷題。
1.看視頻鞏固基礎
前端數據結構與算法基礎(coderwhy老師的那個)
2.根據前輩的總結, 系統的刷一些簡單題
前端基礎算法必刷(天天學長的刷題小結)
3.有了一些基礎后開始進行大量的練習
leecode核心題80+(Chocolate大神的面試刷題小結)
4.面試時根據面試的部門進行針對性刷題
codeTop(細節到面試所在部門的刷題神器)
小tips??
刷算法題千萬不要糾結,一道題如果一時不理解可以先看別人的解法然后自己再加以記憶,否則自信心很快就會被一道一道解不出來的題消耗光的。
簡歷模板
想要源文件的可以關注學長微信公眾號天天Up,后臺回復[簡歷]即可。

推薦博主
向大家推薦一些我認為不僅技術好而且文章寫的更好的大佬吧,排名不分先后。
-TianTianUp(騰訊)
-若川(偶像的偶像)
-神三元(字節前端架構師)
-LinDaiDai_霖呆呆(CVTE大佬,文章超級有趣)
-sunshine小小倩(餓了么前端工程師)
還有像三心大佬,Big shark等一系列大牛,這里就不一一列舉了,以后單獨出一篇文章來介紹這些大神,真的強烈推薦大家關注一下這些牛人,看優秀的人的文章,與優秀的人接觸,你遲早也會成為和他們一樣優秀的人。
總結
在整個秋招期間并不是一帆風順,走過很多彎路,浪費過很多時間,可是最后還是取得了一個自己比較滿意的結果,我思考了很久感覺自己的秋招是五分準備+三分貴人相助+二分運氣,不管你現在是一個渴望進入大廠的前端小白還是和我一樣正在秋招的準職場前端兒,我認為你最需要做的是趕快行動起來,無論是開始背八股文刷題還是拼命實習積累項目經驗,總之只要你有一顆想向前的心,最后絕對會收獲你想要的結果,比如,認真看完這篇文章并且決定付出行動的你其實離理想公司也只是一步之遙而已。
對了,忘了填坑了,我最后去了字節跳動,之前做夢都不敢想的公司。
參考資料
[1]
尚硅谷最新版Webpack5實戰教程(從入門到精通): https://www.bilibili.com/video/BV1e7411j7T5?from=search&seid=13646912587776247526
[2]最全最新Vue、Vuejs教程,從入門到精通: https://www.bilibili.com/video/BV15741177Eh?from=search&seid=14601640237485179857
最近組建了一個江西人的前端交流群,如果你是江西人可以加我微信?ruochuan12?私信?江西?拉你進群。
推薦閱讀
1個月,200+人,一起讀了4周源碼
我歷時3年才寫了10余篇源碼文章,但收獲了100w+閱讀
老姚淺談:怎么學JavaScript?
我在阿里招前端,該怎么幫你(可進面試群)
·················?若川簡介?·················
你好,我是若川,畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列
從2014年起,每年都會寫一篇年度總結,已經寫了7篇,點擊查看年度總結。
同時,最近組織了源碼共讀活動
識別上方二維碼加我微信、拉你進源碼共讀群
今日話題
略。歡迎分享、收藏、點贊、在看我的公眾號文章~