先簡(jiǎn)單介紹下自己，我“平平無(wú)奇小天才”一枚，畢業(yè)于南方普通985普通學(xué)生，有幸去百度、字節(jié)面試，感覺(jué)大公司就是不一樣，印象最深的是字節(jié)，所以有必要總結(jié)一下面試經(jīng)驗(yàn)，以及面試中遇到的一些問(wèn)題，以便大家參考：

文章目錄

• 投簡(jiǎn)歷的過(guò)程

• 面試前做出的準(zhǔn)備

• 快要面試時(shí)做出的準(zhǔn)備

• 面試前奏，其實(shí)很緊張

• 面試題目

• 大廠面試特點(diǎn)

• 面試總結(jié)

• 最后

投簡(jiǎn)歷的過(guò)程

首先肯定是找一個(gè)簡(jiǎn)潔不浮夸卻有很精美的簡(jiǎn)歷模板，然后將自己的信息填上去，主要的就是：姓名、電話、照片、擅長(zhǎng)的技術(shù)棧、教育經(jīng)歷、實(shí)習(xí)經(jīng)歷、項(xiàng)目經(jīng)歷、證書(shū)、社交網(wǎng)站。這里要強(qiáng)調(diào)的是：不太熟悉的東西別往上寫(xiě)，沒(méi)用的東西別往上寫(xiě)。

然后就是投簡(jiǎn)歷的渠道問(wèn)題了，這里我要給個(gè)建議，最好找別人內(nèi)推一下，因?yàn)檫@樣更快讓你的簡(jiǎn)歷被看到，避免長(zhǎng)時(shí)間沒(méi)有音訊。不過(guò)要提的是，找的內(nèi)推人一定要靠譜！一定要靠譜！要找那種能給你一些簡(jiǎn)歷修改建議的，會(huì)幫你跟進(jìn)后續(xù)流程的，部門(mén)hc真的充足的人，而不是找那種廣撒網(wǎng)的，因?yàn)樗麄兏緵](méi)時(shí)間管你，可能你投進(jìn)去，反而卡了流程（真的感同身受）

面試前做出的準(zhǔn)備

我在面試前準(zhǔn)備以下幾點(diǎn)東西，似乎都解決了面試的部分問(wèn)題

面試前我查閱了其他大佬寫(xiě)的字節(jié)跳動(dòng)的面經(jīng)以及面試題目，尋找題目解答，把它們總結(jié)了下來(lái)，用了一天一夜的時(shí)間，把它們整理成了文檔。

我做了一份詳細(xì)的自我介紹，通過(guò)項(xiàng)目開(kāi)發(fā)經(jīng)歷來(lái)總結(jié)出了我的一些優(yōu)點(diǎn)和開(kāi)發(fā)經(jīng)驗(yàn)，用講故事的形式說(shuō)明情況，最后點(diǎn)明故事中表現(xiàn)了自己具有哪些素質(zhì)，點(diǎn)明自己為什么可以做前端的工作。字節(jié)跳動(dòng)的宗旨“和優(yōu)秀的人一起做有挑戰(zhàn)的事情”也被我用到了自我介紹中，“我認(rèn)為我是優(yōu)秀的人，也喜歡做有挑戰(zhàn)的事情，更喜歡與優(yōu)秀的人為伍”“我希望搭上字節(jié)跳動(dòng)這架火箭”等等。

快要面試時(shí)做出的準(zhǔn)備

快要面試了，第一次面試，有些緊張，但還是像平?？荚囈粯樱瑢⒖偨Y(jié)下來(lái)的面試題目總結(jié)、前端遇到問(wèn)題的總結(jié)又看了一遍，把自己做好的自我介紹熟悉的過(guò)幾遍，給自己親近的朋友發(fā)條消息獲得她的祝福，又站在電腦桌前活動(dòng)了一下身子，頭腦頓時(shí)清醒利索了許多。

面試前奏，其實(shí)很緊張

由于緊張怕錯(cuò)過(guò)面試，早早的便坐在了電腦桌前。面試官遲到了一會(huì)，就給我發(fā)起了面試視頻邀請(qǐng)，終于開(kāi)始了。

迎面是一個(gè)挺帥氣的哥哥，簡(jiǎn)單的打了一下招呼，就進(jìn)入了自我介紹的環(huán)節(jié)。由于自我介紹我已經(jīng)熟悉過(guò)幾遍了，自我介紹的效果看起來(lái)效果還是不錯(cuò)的。

開(kāi)始問(wèn)我項(xiàng)目經(jīng)歷的細(xì)節(jié)以及自我介紹中的細(xì)節(jié)，由于項(xiàng)目經(jīng)歷確實(shí)是自己親身經(jīng)歷過(guò)的事情，并且我一般項(xiàng)目完成時(shí)都會(huì)做一下總結(jié)，所以也能夠答個(gè)頭頭是道。個(gè)人感覺(jué)是這樣的，至于面試官怎么想的，我就不清楚了， 說(shuō)不定是那種我就靜靜的看著你裝逼的情況。

面試題目

來(lái)了來(lái)了，開(kāi)始問(wèn)技術(shù)的問(wèn)題了。

1.你對(duì)Vue的理解有多少
因?yàn)槲以诤?jiǎn)歷的項(xiàng)目經(jīng)歷中寫(xiě)了一個(gè)Vue項(xiàng)目，于是他問(wèn)的時(shí)候就把我在項(xiàng)目中對(duì)Vue的理解和面試前準(zhǔn)備的Vue總結(jié)結(jié)合起來(lái)回答。

• 用css2和css3分別寫(xiě)一下垂直居中和水平居中
  這道題我不會(huì)，并不知道css2和css3有什么區(qū)別以及寫(xiě)法，只會(huì)css3，我腦袋里有面試前總結(jié)的垂直居中和水平居中其中的兩種方式，我就給他講了一講，倒是他沒(méi)有再問(wèn)下去，可能看出來(lái)我不會(huì)了吧。這也體現(xiàn)出了面試前知識(shí)點(diǎn)總結(jié)復(fù)習(xí)的重要性，不然你不會(huì)的東西你連說(shuō)都不會(huì)說(shuō)。

2.使用Float進(jìn)行布局容易產(chǎn)生什么問(wèn)題？解決方式呢？

• 子元素在設(shè)置 float 后會(huì)脫離文檔流，造成父元素高度塌陷

• 解決方式：
  父元素設(shè)置高度
  清除浮動(dòng)

3.你對(duì)計(jì)算機(jī)網(wǎng)絡(luò)的認(rèn)識(shí)怎么樣

又是一道探底的題，判斷能否從這里給你出題考察你

4.講述一下計(jì)算機(jī)網(wǎng)絡(luò)的七層

應(yīng)用層、表示層、會(huì)話層、傳輸層、網(wǎng)絡(luò)層、數(shù)據(jù)鏈路層、物理層

5.HTTPS是什么

HTTPS即加密的HTTP，HTTPS并不是一個(gè)新協(xié)議，而是HTTP+SSL（TLS）。原本HTTP先和TCP（假定傳輸層是TCP協(xié)議）直接通信，而加了SSL后，就變成HTTP先和SSL通信，再由SSL和TCP通信，相當(dāng)于SSL被嵌在了HTTP和TCP之間

6.介紹幾種常見(jiàn)的狀態(tài)碼

2XX系列：代表請(qǐng)求已成功被服務(wù)器接收、理解、并接受。

200狀態(tài)碼：表示請(qǐng)求已成功，請(qǐng)求所希望的響應(yīng)頭或數(shù)據(jù)體將隨此響應(yīng)返回

201狀態(tài)碼：表示請(qǐng)求成功并且服務(wù)器創(chuàng)建了新的資源，且其 URI 已經(jīng)隨Location 頭信息返回。

3XX系列：代表需要客戶端采取進(jìn)一步的操作才能完成請(qǐng)求，這些狀態(tài)碼用來(lái)重定向，后續(xù)的請(qǐng)求地址（重定向目標(biāo)）在本次響應(yīng)的 Location 域中指明。

301狀態(tài)碼：被請(qǐng)求的資源已永久移動(dòng)到新位置。服務(wù)器返回此響應(yīng)（對(duì) GET 或 HEAD 請(qǐng)求的響應(yīng)）時(shí)，會(huì)自動(dòng)將請(qǐng)求者轉(zhuǎn)到新位置。

302狀態(tài)碼：請(qǐng)求的資源臨時(shí)從不同的URI響應(yīng)請(qǐng)求，但請(qǐng)求者應(yīng)繼續(xù)使用原有位置來(lái)進(jìn)行以后的請(qǐng)求。

304狀態(tài)碼：自從上次請(qǐng)求后，請(qǐng)求的網(wǎng)頁(yè)未修改過(guò)。服務(wù)器返回此響應(yīng)時(shí)，不會(huì)返回網(wǎng)頁(yè)內(nèi)容。

4XX系列：表示請(qǐng)求錯(cuò)誤。代表了客戶端看起來(lái)可能發(fā)生了錯(cuò)誤，妨礙了服務(wù)器的處理。

401狀態(tài)碼：請(qǐng)求要求身份驗(yàn)證。 對(duì)于需要登錄的網(wǎng)頁(yè)，服務(wù)器可能返回此響應(yīng)。

403狀態(tài)碼：服務(wù)器已經(jīng)理解請(qǐng)求，但是拒絕執(zhí)行它。與401響應(yīng)不同的是，身份驗(yàn)證并不能提供任何幫助，而且這個(gè)請(qǐng)求也不應(yīng)該被重復(fù)提交。

404狀態(tài)碼：請(qǐng)求失敗，請(qǐng)求所希望得到的資源未被在服務(wù)器上發(fā)現(xiàn)。

5xx系列：代表了服務(wù)器在處理請(qǐng)求的過(guò)程中有錯(cuò)誤或者異常狀態(tài)發(fā)生，也有可能是服務(wù)器意識(shí)到以當(dāng)前的軟硬件資源無(wú)法完成對(duì)請(qǐng)求的處理。

500狀態(tài)碼：服務(wù)器遇到了一個(gè)未曾預(yù)料的狀況，導(dǎo)致了它無(wú)法完成對(duì)請(qǐng)求的處理。

503狀態(tài)碼：由于臨時(shí)的服務(wù)器維護(hù)或者過(guò)載，服務(wù)器當(dāng)前無(wú)法處理請(qǐng)求。

7.閉包是什么

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

閉包的用途：可以讀取函數(shù)內(nèi)部的變量，并且讓這些變量的值始終保持在內(nèi)存中。

8.NaN是什么，用typeof會(huì)輸出什么

9.談?wù)勀銓?duì)webpack的理解

是一個(gè)對(duì)資源進(jìn)行模塊化和打包的工具，處理每個(gè)模塊的 import 和 export

追問(wèn)：資源是指什么？

回答：Js,css,png圖片等

追問(wèn)：如果有個(gè)二進(jìn)制文件，它是資源么？webpack怎么使它模塊化？

回答：是。需要有一個(gè)對(duì)應(yīng)的loader來(lái)處理（我是想到了vue-loader等)

10.說(shuō)一下深拷貝和淺拷貝及常用實(shí)現(xiàn)方式

• 淺拷貝: 以賦值的形式拷貝引用對(duì)象，仍指向同一個(gè)地址，修改時(shí)原對(duì)象也會(huì)受到影響賦值表達(dá)式 = Object.assign展開(kāi)運(yùn)算符(…)

• 深拷貝: 完全拷貝一個(gè)新對(duì)象，修改時(shí)原對(duì)象不再受到任何影響JSON.parse(JSON.stringify(obj))

  遞歸進(jìn)行逐一賦值

11.使用JSON自帶函數(shù)進(jìn)行深拷貝有什么問(wèn)題

• 具有循環(huán)引用的對(duì)象時(shí)，報(bào)錯(cuò)

• 當(dāng)值為函數(shù)或 undefined 時(shí)，無(wú)法拷貝

12.跨域問(wèn)題如何解決

同源策略：瀏覽器安全策略，同協(xié)議、ip、端口的腳本才會(huì)執(zhí)行。

只要協(xié)議、域名、端口有任何一個(gè)不同，都被當(dāng)作是不同的域

js跨域是指通過(guò)js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信通過(guò)jsonp跨域

(1) jsonp在頁(yè)面上引入不同域上的js腳本文件實(shí)現(xiàn)請(qǐng)求不同域上的數(shù)據(jù)

(2)通過(guò)script標(biāo)簽引入一個(gè)js文件

(3) js文件載入成功后會(huì)執(zhí)行我們?cè)趗rl參數(shù)中指定的函數(shù)，并且會(huì)把我們需要的json數(shù)據(jù)作為參數(shù)傳入

注：需要服務(wù)器端的頁(yè)面進(jìn)行相應(yīng)的配合

(4) 通過(guò)修改document.domain來(lái)跨子域

(5) 使用window.name來(lái)進(jìn)行跨域

(6) window對(duì)象有個(gè)name屬性，該屬性有個(gè)特征：即在一個(gè)窗口(window)的生命周期內(nèi),窗口載入的所有的頁(yè)面都是共享一個(gè)window.name的，每個(gè)頁(yè)面對(duì)window.name都有讀寫(xiě)的權(quán)限，window.name是持久存在一個(gè)窗口載入過(guò)的所有頁(yè)面中的，并不會(huì)因新頁(yè)面的載入而進(jìn)行重置。

13.知道babel么

可以實(shí)現(xiàn)將ES6編譯為ES5代碼

14.用js實(shí)現(xiàn)判斷一個(gè)變量是否為整數(shù)的函數(shù)

實(shí)現(xiàn)思路：先判斷該變量是否為Number類型，以此來(lái)縮小范圍，再判斷該變量除以1后是否與原值全等，若全等則返回true，若不全等則返回false

15.進(jìn)程和線程是什么

線程是最小的執(zhí)行單元，而進(jìn)程由至少一個(gè)線程組成。如何調(diào)度進(jìn)程和線程，完全由操作系統(tǒng)決定，程序自己不能決定什么時(shí)候執(zhí)行，執(zhí)行多長(zhǎng)時(shí)間。

進(jìn)程指計(jì)算機(jī)中已運(yùn)行的程序。

線程指操作系統(tǒng)能夠進(jìn)行運(yùn)算調(diào)度的最小單位。

16.死鎖是什么

當(dāng)兩個(gè)以上的運(yùn)算單元，雙方都在等待對(duì)方停止運(yùn)行，以獲取系統(tǒng)資源，但是沒(méi)有一方提前退出時(shí)，就稱為死鎖。

17.Left Join、Right Join、Inner Join 指的是什么

LEFT JOIN 關(guān)鍵字會(huì)從左表那里返回所有的行，即使在右表中沒(méi)有匹配的行

RIGHT JOIN 關(guān)鍵字會(huì)右表那里返回所有的行，即使在左表中沒(méi)有匹配的行

在表中存在至少一個(gè)匹配時(shí)，INNER JOIN 關(guān)鍵字返回行

18.快速排序用js怎么寫(xiě)

19.玩過(guò)哪些游戲？

玩過(guò)LOL，但更喜歡爐石之類的紙牌策略類游戲。

追問(wèn)：爐石你覺(jué)得用什么協(xié)議來(lái)通信？

回答：UDP吧。

20.未來(lái)三年的職業(yè)規(guī)劃？

第一年學(xué)習(xí)，第二年負(fù)責(zé)小部分，第三年獨(dú)當(dāng)一面，后來(lái)發(fā)現(xiàn)面試官問(wèn)的不是這個(gè)，說(shuō)我說(shuō)的太籠統(tǒng)，是想問(wèn)我想做什么方向....（蜜汁尷尬）

大廠面試特點(diǎn)

百度

百度的技術(shù)面總共有4輪，基礎(chǔ)面（同級(jí)別員工）+基礎(chǔ)面（級(jí)別應(yīng)該比你要一點(diǎn)）+leader面（整個(gè)研發(fā)部門(mén)的技術(shù)負(fù)責(zé)人）+boss面（整個(gè)研發(fā)部門(mén)的總負(fù)責(zé)人）

百度一面是需要你當(dāng)場(chǎng)完成一套筆試題，難度的話也一般，基本上面的知識(shí)點(diǎn)你都過(guò)一遍問(wèn)題不大，也有一題算法題，是百度的原創(chuàng)題目，但是題型是一樣的，問(wèn)題也不大。前兩面都是前端開(kāi)發(fā)面的，沒(méi)啥難度，涉及到的知識(shí)點(diǎn)不局限于前端吧，還包括網(wǎng)絡(luò)以及開(kāi)發(fā)模式等等問(wèn)題。

leader面還挺有意思的，當(dāng)時(shí)他們強(qiáng)烈要求我到現(xiàn)場(chǎng)去參與面試，leader 是一個(gè)很年輕的小伙，因?yàn)椴皇菍Ｂ毲岸?，所以?wèn)的問(wèn)題涉及到了整個(gè)計(jì)算機(jī)的所有知識(shí)點(diǎn)：數(shù)據(jù)結(jié)構(gòu)、算法（原創(chuàng)題，一個(gè)很簡(jiǎn)單的遞歸）、操作系統(tǒng)，以及問(wèn)你除了 js 以外還掌握什么語(yǔ)言等等，整個(gè)過(guò)程非常輕松，也非常愉快，大家都有說(shuō)有笑。

boss 面氣氛就比較嚴(yán)肅了，也可能是因?yàn)槟莻€(gè)會(huì)議室空調(diào)有點(diǎn)冷的原因?；旧险麄€(gè)面試都是在讓我吹水，講自己的項(xiàng)目經(jīng)歷，以及解決的辦法，答題模版也基本可以按照上面的來(lái)說(shuō)，最后也通過(guò)了。

字節(jié)跳動(dòng)

字節(jié)跳動(dòng)的問(wèn)題問(wèn)的非常細(xì)，在我參與的兩輪面試中，都是在問(wèn)一些非常基礎(chǔ)的知識(shí)，面試的過(guò)程也不會(huì)很長(zhǎng)，大概 45 分鐘左右。

一面的時(shí)候再做了一番自我介紹之后，給了 5 道筆試題，做完之后再聊一聊別的就過(guò)了。

二面的時(shí)候簡(jiǎn)單介紹了一下自己做過(guò)的項(xiàng)目，然后主要是圍繞著你做的項(xiàng)目中用到的技術(shù)進(jìn)行討論。他給了我一道場(chǎng)景題，然后讓我按照?qǐng)鼍爸械膬?nèi)容進(jìn)行實(shí)現(xiàn)，最后給了一道應(yīng)該是原創(chuàng)的算法題。

其實(shí)面字節(jié)之前我是非常緊張的，我個(gè)人對(duì)能通過(guò)字節(jié)的面試一點(diǎn)也不抱希望，但是面完之后，覺(jué)得很多時(shí)候大家都神話了字節(jié)的面試，難度也沒(méi)有想象中的高。

不過(guò)有一說(shuō)一，我覺(jué)得面試我的兩位面試官態(tài)度都非常好，有一些我答不出來(lái)的問(wèn)題，也會(huì)給我提示給我鼓勵(lì)。

面試總結(jié)

1.明確自己的技術(shù)方向，然后深入研究。原以為在技術(shù)領(lǐng)域多處開(kāi)花是一件很酷很厲害的事，現(xiàn)在發(fā)現(xiàn)這很容易導(dǎo)致我成為一名api使用者。一定要熟記基礎(chǔ)，深入原理，了解源碼。

2.一定要有技術(shù)博客，本次面試過(guò)程中能答上的知識(shí)點(diǎn)全是平時(shí)博客有記錄的知識(shí)。

3.請(qǐng)務(wù)必在每一次面試結(jié)束后記錄下面試過(guò)程中，你不會(huì)或者沒(méi)回答好的問(wèn)題。因?yàn)檫@些問(wèn)題很可能你在下次面試過(guò)程中會(huì)被問(wèn)到。

4.針對(duì)自己做過(guò)的項(xiàng)目，要有意識(shí)地進(jìn)行分析總結(jié)，面試過(guò)程中就可以把總結(jié)的這些問(wèn)題拋出來(lái)，總有一兩個(gè)會(huì)被面試官作為考核點(diǎn)。

5.如果你是面試前填期望薪資，你就按著自己的期望填，比如你的期望是12k,那你就填13-15k，后面hr如果套路你說(shuō)你的期望給不了，你就說(shuō)12k，那你的薪資就是12k了。如果技術(shù)面后談薪資，那可以看面試發(fā)揮情況填，如果發(fā)揮超水平，期望范圍＋2-3k，如果低于水平，那你可能需要保持期望或者再降一點(diǎn)。

6.關(guān)于筆試&面試，個(gè)人非常推薦刷足夠多的筆試題和面經(jīng)，就像高考前的模擬題一樣有效！

最后

此文純個(gè)人想法，希望讀者保持自己的判斷。

如果覺(jué)得不錯(cuò)，素質(zhì)三連點(diǎn)贊、收藏、評(píng)論都是對(duì)up主莫大的支持，謝謝各位大佬啦~

獲取方式：點(diǎn)贊|+評(píng)論資料