大家好，我是魚(yú)皮，最近秋招快到了，我就想著給大家找一些優(yōu)秀的程序員面經(jīng)分享。希望可以幫助準(zhǔn)備求職的同學(xué)更穩(wěn)地上岸，同時(shí)幫助學(xué)編程的小伙伴們更好地明確學(xué)習(xí)路線和方法。

今天要分享的呢，是一位 雙非非科班 同學(xué)小黑的勵(lì)志故事，我也會(huì)補(bǔ)充一些個(gè)人看法，錦上添花。

蕪湖起飛！

面經(jīng)已得到原作者授權(quán)

作者：?？?Matthew_black

背景

大家好，我是小黑，雙非非科班出身，大四下才開(kāi)始自學(xué)計(jì)算機(jī)，畢業(yè)后在 4399 做前端，base 廣州。

說(shuō)是做前端，其實(shí)我干的事情非常雜，經(jīng)常要自己寫(xiě)后端接口和數(shù)據(jù)庫(kù)，部門(mén)經(jīng)理也打算讓我走后端的路，所以滿一年后，我打算找下家專注前端。

魚(yú)皮：雙非非科班，大四才開(kāi)始自學(xué)計(jì)算機(jī)，就找到了一份前端工作，說(shuō)明肯定是下了很大功夫的。而在工作之后，依然可以堅(jiān)持自己的學(xué)習(xí)方向，有明確的目標(biāo)，這點(diǎn)難能可貴。

面試前的準(zhǔn)備

1. 簡(jiǎn)歷

校招簡(jiǎn)歷可以不帶項(xiàng)目或者實(shí)習(xí)，有的公司甚至 985 科班就可以進(jìn)，但社招相對(duì)比較側(cè)重技術(shù)和業(yè)務(wù)維度，如果你是業(yè)務(wù)巨人，也可以彌補(bǔ)技術(shù)的不足，考量的維度會(huì)比校招更多維。因此簡(jiǎn)歷作為第一關(guān)，是至關(guān)重要的一環(huán)，在開(kāi)始求職前先好好準(zhǔn)備一份簡(jiǎn)歷吧~

魚(yú)皮：對(duì)于名校同學(xué)來(lái)說(shuō)，校招簡(jiǎn)歷也許可以沒(méi)項(xiàng)目或?qū)嵙?xí)經(jīng)歷。但對(duì)于更多普通學(xué)校的同學(xué)，建議大家多做項(xiàng)目、盡早去找實(shí)習(xí)，否則簡(jiǎn)歷上根本沒(méi)有亮點(diǎn)！分享下我自己的寫(xiě)簡(jiǎn)歷技巧和模板，公眾號(hào)【程序員魚(yú)皮】后臺(tái)回復(fù) ”簡(jiǎn)歷“ 獲取。

2. 算法

算法主要就是刷 LeetCode，可以不會(huì)寫(xiě) Middle 題，但不能沒(méi)有常用算法的思維。面試季讓自己保持算法的思維非常重要，不止體現(xiàn)在寫(xiě)算法題上，在和面試官交流到一些源碼思想的時(shí)候也可以幫助自己更流利地表達(dá)和講述。

樓主的復(fù)習(xí)思路（菜雞的思路）是好記性不如爛筆頭，一道題 7 天之內(nèi)一定要再寫(xiě)一次，才不會(huì)被遺忘曲線影響。對(duì)于一些較難理解的?？碱}目，建議多寫(xiě)幾次記住思路。寫(xiě)題目時(shí)不一定要在一道題上死磕，做不出來(lái)就多看看類似題目，學(xué)學(xué)算法思想、理清思路再做，一定要找到做題的感覺(jué)。

小黑同學(xué)也提到了，好記性不如爛筆頭，學(xué)算法一定要多寫(xiě)，不僅寫(xiě)代碼，還可以寫(xiě)題解，有助于自己強(qiáng)化記憶和復(fù)習(xí)。

關(guān)于我學(xué)算法的方法，可以閱讀這篇文章：刷了 1000 多道算法題，一點(diǎn)心得

3. 復(fù)習(xí)準(zhǔn)備

因?yàn)橹饕那舐毮繕?biāo)是前端，所以復(fù)習(xí)前端為主，但也復(fù)習(xí)了部分后端的知識(shí)。

前端：計(jì)網(wǎng)（ http、tcp、響應(yīng)頭請(qǐng)求頭等），前端三劍客（HTML、CSS、JavaScript），Vue 框架（源碼），Webpack（常見(jiàn)優(yōu)化思路），微前端（架構(gòu)及發(fā)展趨勢(shì)），node（Koa 框架），設(shè)計(jì)模式（主要是 MVVM 和 MVC）。

后端：數(shù)據(jù)庫(kù)，Redis，Linux 系統(tǒng)，Nginx 等。

再擼幾十篇?？兔娼?jīng)，就萬(wàn)事俱備了。

復(fù)習(xí)的資料和時(shí)間安排如下：

第一階段

四月的時(shí)候側(cè)重基礎(chǔ)，查漏補(bǔ)缺，直接找總結(jié)好的博客或者 Github 項(xiàng)目，推薦我男友（不是）的日記：

指路：https://github.com/WindrunnerMax/EveryDay

他的博客總結(jié)的很齊全，分類也很完善，復(fù)習(xí)基礎(chǔ)的時(shí)候基本每天看個(gè)四五個(gè)小時(shí)，對(duì)于我這種基礎(chǔ)不扎實(shí)的菜雞非常友好，建議大家去看看。

第二階段

五月份的復(fù)習(xí)側(cè)重框架和業(yè)務(wù)優(yōu)化，組織了幾場(chǎng)模擬面試，發(fā)現(xiàn)自己對(duì) Vue 完全不熟練，所以把 Vue 文檔和源碼分析從頭到尾 看了幾遍 ，漸漸理解了一些面試官的問(wèn)題。

對(duì)于業(yè)務(wù)優(yōu)化方面，要總結(jié)好自己在日常業(yè)務(wù)遇到的坑和優(yōu)化點(diǎn)，如優(yōu)化了首屏加載?？梢詮亩鄠€(gè)維度去講，組織語(yǔ)言的時(shí)候盡量從各點(diǎn)出發(fā)，不要雜糅成一團(tuán)，否則即使說(shuō)對(duì)了也會(huì)讓面試官覺(jué)得你思路很亂。

五月的時(shí)間我基本用來(lái)復(fù)習(xí)框架和看一些進(jìn)階的常考點(diǎn)如 ES6 和 Webpack 等，而算法是貫穿整個(gè)求職周期的，所以在這個(gè)月也簡(jiǎn)單復(fù)習(xí)下。

Vue 源碼分析：https://vue-js.com/learn-vue/

更細(xì)的知識(shí)點(diǎn)之前收藏了一篇大佬寫(xiě)的文章，上中篇基本涵蓋了全部前端 Js 知識(shí)點(diǎn)，給有興趣的同學(xué)指路：

復(fù)習(xí)小點(diǎn)總結(jié)：

上：https://juejin.cn/post/6844903776512393224

中：https://juejin.cn/post/6844903801153945608

魚(yú)皮認(rèn)為這是一個(gè)非常好的復(fù)習(xí)路線。先打基礎(chǔ)，再由淺入深地看框架，并且結(jié)合項(xiàng)目和工作實(shí)踐去分析框架（中間件）的作用，在整個(gè)過(guò)程中持續(xù)復(fù)習(xí)算法、閱讀面經(jīng)。

對(duì)于想學(xué)習(xí)前端的朋友，也推薦看看我梳理的 前端學(xué)習(xí)路線，幫助你快速了解前端的重點(diǎn)知識(shí)。

4. 好書(shū)推薦

看一些好書(shū)能幫助理清一些枯燥的知識(shí)點(diǎn)，比如計(jì)網(wǎng)和 JS 一些概念性的東西（作用域等），這里推幾本好書(shū)，在面試季前可以多翻翻，有助于復(fù)習(xí)理解：

《你所不知道的 JS 上中下卷》

推薦理由：挺不錯(cuò)的一本書(shū)，把js口語(yǔ)化，語(yǔ)言風(fēng)格詼諧，示例更多，更易理解

《JavaScript 高級(jí)程序設(shè)計(jì)》（也叫紅寶書(shū)）

推薦理由：入門(mén)級(jí)的教科書(shū)，新手菜雞常備

《Tcp / Ip 協(xié)議簇》

推薦理由：被大佬安利的一本好書(shū)，把 Tcp 握手和揮手描述的特別細(xì)，如果你在面試時(shí)也可以這么描述，也許能博得面試官丟丟好感。

《深入淺出 Node》

推薦理由：Node 文檔還是偏運(yùn)用層面，有用到才去查，生啃有點(diǎn)吃力，所以可以通過(guò)這本書(shū)入門(mén)。

《深入淺出 Webpack》（暫未開(kāi)卷，打算近期啟動(dòng)）

《ES6 入門(mén)教程》

推薦理由：阮老師著作，看就完了，不多述

另外的，自己還找了一些課程來(lái)看，偏向計(jì)網(wǎng)的一些課程，如 B 站一些老師的網(wǎng)課，講的也很不錯(cuò)。

指路：https://www.bilibili.com/video/BV1c4411d7jb

這幾 P 幫我在百度二面講網(wǎng)絡(luò)的時(shí)候幫了很大的忙，面試官也比較滿意這一點(diǎn)。

魚(yú)皮：都是前端方向比較經(jīng)典的書(shū)籍，在編程導(dǎo)航（https://www.code-nav.cn）可以免費(fèi)下載。

接下來(lái)是我參與的幾輪大廠面試的經(jīng)驗(yàn)分享，包括騰訊、阿里、百度。

騰訊云面經(jīng)（base西安）

1. 一面

我當(dāng)時(shí)正處于剛開(kāi)始復(fù)習(xí)的階段，雖然問(wèn)的東西非常簡(jiǎn)單，但真的被虐的很慘 ==

自我介紹

介紹一個(gè)滿意的項(xiàng)目，亮點(diǎn)(模塊化思想)

react會(huì)嗎（答不會(huì)，沒(méi)學(xué)過(guò)）

其他技術(shù)棧（react,angularJs,jquery，vue3掌握情況）

vue掌握程度（答掌握工具，知悉其中一兩個(gè)）

vuex介紹，工作原理（答得不好，復(fù)習(xí)的不多）

eventBus介紹,和vuex對(duì)比，優(yōu)缺點(diǎn)

如果沒(méi)有vuex，會(huì)有什么問(wèn)題？（組件傳值；避免頻繁請(qǐng)求）

后臺(tái)頻繁請(qǐng)求有壓力，有什么方法可以避免？

回答：1. 防抖，限流 2. 本地緩存或 sessionStorage

又問(wèn)：不能用緩存保存有什么方法？答：Node 中間件，不接受請(qǐng)求

又問(wèn)：沒(méi)有 vuex 怎么緩存？答：那使用全局變量？

又問(wèn)：一定要使用全局變量么？ 答：否，但不知道還有啥。。。

組件傳值方式（8 種，詳見(jiàn)朝陽(yáng)日記）

EventBus 介紹,使用業(yè)務(wù)場(chǎng)景，和 vuex 對(duì)比，優(yōu)缺點(diǎn)，對(duì) EventBus 熟悉嗎？（答：不熟，這部分挺致命，摳得很細(xì)）

子組件如何修改父組件的值（通過(guò) v-model 或者 $emit）

不能用 v-model（等同于問(wèn) v-model 實(shí)現(xiàn)原理）

v-model: 語(yǔ)法糖，本質(zhì)是雙向綁定，@input（onInput事件）

vue的雙向綁定缺點(diǎn)，defineProperties缺點(diǎn)（順便答了vue3優(yōu)化）

vue3了解嗎（不了解，還沒(méi)開(kāi)始學(xué)）為什么是用.value讀值

跨域常見(jiàn)原因，同源策略作用，沒(méi)有跨域會(huì)做什么（答了XSS攻擊，CSRF攻擊會(huì)更容易）

XSS 攻擊和 CSRF 攻擊

為什么說(shuō)CSRF攻擊是利用網(wǎng)頁(yè)利用瀏覽器信任？

答 cookie，面試官不滿意，還有別的嗎？答了同個(gè)域，回到跨域，同源信任，感覺(jué)還是不對(duì)

跨域方式（JSONP，設(shè)置請(qǐng)求頭）

JSONP缺點(diǎn)

設(shè)置多個(gè)跨域請(qǐng)求頭的方法（數(shù)組） 回到前端響應(yīng)頭是以什么樣的形式（答了源，面試官說(shuō)大體沒(méi)錯(cuò)）

前端到后端請(qǐng)求的詳細(xì)過(guò)程（301，302，304…）

options預(yù)檢請(qǐng)求作用（白給…完全不熟悉）

函數(shù)式編程與面向?qū)ο蟮膮^(qū)別，優(yōu)缺點(diǎn)（再次白給…）

閉包是函數(shù)式編程嗎？（是）

補(bǔ)充項(xiàng)目（多線程壓縮gif，web worker）

避免二次請(qǐng)求，once函數(shù)（答了防抖和http2.0限制進(jìn)程，面試官說(shuō)沒(méi)到后者那么深）

反問(wèn)評(píng)價(jià)（面試官答他們技術(shù)棧用的是react,vue用的較少，評(píng)價(jià)候選人vue基礎(chǔ)并不深，需要好好鞏固，不過(guò)只有一年經(jīng)驗(yàn)也足夠，要好好沉淀）

面試結(jié)果可想而知，幾天后顯示掛了，收到感謝信。

魚(yú)皮：能把面試的題目和自己的回答記錄的那么詳細(xì)清楚，說(shuō)明是面試完立刻復(fù)盤(pán)了，這是一個(gè)很好的習(xí)慣，面試完后一定要積極總結(jié)，每一輪的問(wèn)題都有可能在之后的面試中再次遇到。

阿里 - 創(chuàng)新事業(yè)群 UC 事業(yè)部面經(jīng)

1. 一面 Leader 面

面試官竟然就是我的內(nèi)推人，還是部門(mén) Leader，感覺(jué)氣場(chǎng)很強(qiáng)，不過(guò)還是專注撕逼，沒(méi)被鎮(zhèn)住。

自我介紹

瘋狂問(wèn)公司項(xiàng)目和業(yè)務(wù)，你遇到過(guò)的問(wèn)題，怎么提升運(yùn)營(yíng)留存率balabala(撕了半小時(shí)業(yè)務(wù))

壓測(cè)過(guò)機(jī)器嗎，大概讀或者寫(xiě)是多少（答十幾萬(wàn)，讀寫(xiě)綜合）

實(shí)現(xiàn)累充充值接口的思路，如何保證實(shí)時(shí)性？

看你項(xiàng)目寫(xiě)了 vue，問(wèn)點(diǎn) vue 吧（終于正常問(wèn)了），v-if 和 v-show 的區(qū)別（就這，沒(méi)了）

osi 七層模型（面試前沒(méi)看，面試官嘲笑我是不是忘了）

webpack

公司架構(gòu)如何？

公司數(shù)據(jù)庫(kù)如何部署的？（分布式部署，一臺(tái)做源機(jī)做映射）

反問(wèn)（業(yè)務(wù)，架構(gòu)）

整個(gè)面試體驗(yàn)很差，感覺(jué)全程在套方案，不像面試，也許這就是大佬的面試吧。面試結(jié)束后，面試官和我說(shuō)會(huì)再找一個(gè)候選人橫向?qū)Ρ?#xff08;指養(yǎng)魚(yú)），6 月 7 日下午收到二面通知，于 6 月 8 日晚上二面。

百度 - 百度網(wǎng)盤(pán)事業(yè)部面經(jīng)

在群里認(rèn)識(shí)一個(gè)網(wǎng)盤(pán)小伙伴，說(shuō)正好網(wǎng)盤(pán)在擴(kuò)招，叫我去試試，不得不說(shuō)，百度的招聘系統(tǒng)雖然不是很 nice（經(jīng)常被一些 hr 實(shí)習(xí)生亂推），但面試體驗(yàn)是非常好的，和面試官也聊得很來(lái)，點(diǎn)個(gè)贊！

一面 mentor 面

自我介紹

在學(xué)校自學(xué)了什么課程？數(shù)據(jù)結(jié)構(gòu)講幾個(gè)？棧和隊(duì)列的區(qū)別

css 垂直居中

flex 布局

grid 布局

移動(dòng)端布局，移動(dòng)端適配

介紹下 ES6（自嗨了十幾分鐘，講了weakMap weakSet，promise等等）

promise 源碼介紹，面試官很自豪的說(shuō)其實(shí)我寫(xiě)過(guò)

學(xué)習(xí)方式，看什么書(shū)（balabala），紅寶書(shū)好看嗎，講下感受

項(xiàng)目難題

文件斷點(diǎn)續(xù)傳思路

node、koa 框架，開(kāi)始撕業(yè)務(wù)

反問(wèn)

一面聊的比較隨心，面試官對(duì)我的項(xiàng)目比較感興趣，也和我溝通了一些業(yè)務(wù)，面試體驗(yàn)挺好，更像技術(shù)交流而不是面試。

魚(yú)皮：這輪面試就是典型的一面風(fēng)格，側(cè)重基礎(chǔ)知識(shí)的考察，也會(huì)問(wèn)一些業(yè)務(wù)場(chǎng)景問(wèn)題，所以基礎(chǔ)還是要打好。

二面 商務(wù)運(yùn)營(yíng)部長(zhǎng)面

看了別的小伙伴的面經(jīng)，以為二面偏業(yè)務(wù)，沒(méi)想到被背刺了（哭哭）。

自我介紹

狀態(tài)碼 304怎么做 Cache-control有幾個(gè)屬性？

tcp與udp區(qū)別

tcp如何保證數(shù)據(jù)穩(wěn)定？（講了三次握手，滑動(dòng)窗口，慢開(kāi)始，擁塞控制，超時(shí)重傳，快重傳）

cdn原理，cdn回源怎么做（一臉懵逼，因?yàn)閏dn我司分給了運(yùn)維層做）

掃碼登錄怎么做，手機(jī)端和PC端都要建立長(zhǎng)連接嗎？

sso單點(diǎn)登錄

小程序做過(guò)嗎（大學(xué)時(shí)做過(guò)），和h5區(qū)別在哪里，為什么沒(méi)有dom操作，js加載和頁(yè)面同時(shí)進(jìn)行嗎？

webpack 介紹下tree-shaking css-treeshaking plugin和loader區(qū)別，手寫(xiě)過(guò)plugin嗎？

進(jìn)程與線程區(qū)別，線程間通信方式

流的概念，node stream流

如何用node讀取20g文件

node和php的區(qū)別

vue-if與v-show

vue的模板渲染（源碼）

父子組件的掛載

公司項(xiàng)目亮點(diǎn)（答了前端共享進(jìn)程池）

何時(shí)能來(lái)上班？對(duì)新公司有什么期待？

反問(wèn)環(huán)節(jié)

毫無(wú)疑問(wèn)，這一仗被打的遍體鱗傷，雖然二面過(guò)了，但是一些原理性的東西面試官挖的很深，業(yè)務(wù)場(chǎng)景題也沒(méi)少問(wèn)，看來(lái)還是要好好讀術(shù)~

三面 部門(mén)經(jīng)理面

面試的時(shí)候環(huán)境很嘈雜，有幾次沒(méi)聽(tīng)清面試官講了什么，當(dāng)時(shí)家里網(wǎng)絡(luò)也不是很穩(wěn)定，但總歸聊的還行，涉及一些開(kāi)放性的論述題目，這個(gè)自由發(fā)揮，合理真實(shí)即可。

自我介紹

描述下你的優(yōu)缺點(diǎn)

描述下你做過(guò)最難的項(xiàng)目思路

為什么想跳槽？

技術(shù)棧不同，有想過(guò)重構(gòu)嗎？難點(diǎn)在哪？

對(duì)自己的團(tuán)隊(duì)定位

遇到的業(yè)務(wù)溝通問(wèn)題有什么解決方案

假如你要從百度離開(kāi)，你想得到什么技能

職業(yè)規(guī)劃

理想的新公司資源

如何形成自有體系的業(yè)務(wù)方法論

對(duì)百度網(wǎng)盤(pán)產(chǎn)品有什么使用建議？

對(duì)加班的看法

反問(wèn)（部門(mén)架構(gòu)，技術(shù)分享周期，帶團(tuán)隊(duì)的方法）

和部門(mén)經(jīng)理聊了會(huì)，發(fā)現(xiàn)部門(mén)經(jīng)理是比較看重個(gè)人職業(yè)發(fā)展的，整個(gè)部門(mén)是偏技術(shù)交流多一點(diǎn)，技術(shù)氛圍非常濃厚，用人也會(huì)如千里馬，此刻我的心只想為百度跳動(dòng)。

四面 hr 面

主要是了解一些個(gè)人資料、年薪待遇，以及去北京的意向等等，比較常規(guī)。

戰(zhàn)果

6 月 7 日晚上，收到了百度 offer call，同期還有阿里在面所以 argue 了下薪資，大概率是去北京百度了（鄉(xiāng)下人進(jìn)城），小菜雞的第一次社招之旅到此畫(huà)上句號(hào)。分享好運(yùn)，祝各位秋招順利！

---

以上就是小黑同學(xué)的分享，雙非非科班，自學(xué)半年找到前端 4399 公司工作，工作 1 年就得到了多家大廠的面試機(jī)會(huì)，并且順利拿到百度 offer。這些經(jīng)歷看似行云流水，但從他的面經(jīng)以及我和他后續(xù)的交流中，我發(fā)現(xiàn)小黑有很多優(yōu)秀的特質(zhì)，比如：

• 有明確的目標(biāo)和規(guī)劃
• 善于自主學(xué)習(xí)，懂得利用優(yōu)秀資源
• 懂得復(fù)盤(pán)總結(jié)
• 努力，堅(jiān)信勤能補(bǔ)拙
• 有信念，工作之后依然持續(xù)學(xué)習(xí)
• 懂得把握機(jī)會(huì)，在合適的時(shí)間迅速出擊

雖然進(jìn)大廠也講究天時(shí)地利人和，但正如我所說(shuō)的，運(yùn)氣也是實(shí)力的一部分，小黑同學(xué)正是通過(guò)努力才一步步走到風(fēng)口浪尖，然后順勢(shì)而為、主動(dòng)出擊，才拿到了令人心動(dòng)的 offer。瑞思拜！

最后再送大家一些 幫助我拿到大廠 offer 的學(xué)習(xí)資料：

跑了，留下 6T 的資源！

歡迎閱讀 我從 0 自學(xué)進(jìn)入騰訊的編程學(xué)習(xí)、求職、考證、寫(xiě)書(shū)經(jīng)歷，不再迷茫！

我學(xué)計(jì)算機(jī)的四年，共勉！

我是魚(yú)皮，覺(jué)得本文不錯(cuò)的話，希望朋友們能 點(diǎn)贊 支持下 ??

總結(jié)

以上是生活随笔為你收集整理的双非同学，自学编程，毕业一年逆袭百度！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。