文章目錄

• 前言
• • 面試概況
• 面試的問題
• 感想

前言

今天人生第一次面試給了字節跳動，面試前非常緊張，從投遞簡歷到正式面試之間只隔了三天。
感覺這三天看的博客比三個月學的都多（-_-||）。
正式面試的時候也發生了很多狀況，包括但不限于對方聽不見我說話（面試前明明特地調試了話筒來著），害得人家面試官小哥哥還特地打了一通長達1個小時的電話來和我語音面試。
不過面試官人挺好的，一直都在認真聽我回答問題，雖然我面試回答得稀爛，面試結束后也立刻給我發了短信通知我準備二面。

面試概況

• 部門：字節跳動西瓜視頻前端開發
• Base：廈門

面試的問題

以下是個人回憶的面試時問到的問題（后悔沒有錄音了）

自我介紹

你是怎么學習前端的
我就回答了：官方文檔、大神寫的博客（如阮一峰），遇到自己解決不了的問題就去CSDN或者StackOverflow上查

講一下jQuery、React、Vue.js之間的區別

簡要描述一下操作系統中的頁表概念 √

簡要介紹一下操作系統中的虛擬內存 √

講一下你對數據庫索引的了解 √
這里還順帶問了一下數據庫中所有屬性是否都應該添加索引

說一下數據庫中的事務，并舉一個例子說明 √

問了一個簡單的算法題：找出數組中前三大的數字
這個地方我沒太想明白，我感覺直接定義一個長為3的數組，遍歷一遍原數組好像就已經能夠在O(n)的時間復雜度內完成這個流程了。面試官也沒說什么，就又問了一句這個算法的空間復雜度是多少。話說這個還有更快的算法嗎？

你知道javascript的數組排序算法怎么實現的嗎？
答：沒有看過js的sort方法，但是看過java的源碼，接著把java的sort方法的源碼解釋了一下。

講一下什么是穩定排序，什么是非穩定排序，舉例說明。

知道TCP和UDP之間的區別嗎？ √

說一下你對Http的了解 √
Http狀態碼、三次握手、四次揮手、Http結構balabala能說的全說了一遍

因為簡歷上寫了一個H5+的App項目，所以面試官問了一句你知道WebView和底層的java怎么通信的嗎？
這段直接給我干蒙了，確實沒了解過通信的原理，于是小哥哥讓我解釋了一下WebView是什么東西。

為什么Vue的data被定義成方法而不是對象？
這段其實是知道的，但是一直沒回答到重點上，很尷尬

解釋一下瀏覽器渲染頁面的過程 √
這里因為我說了script標簽是串行執行的，所以面試官特地問了一句如果把script標簽提前到head怎么保證執行script的同時不阻塞瀏覽器渲染html正文（給script標簽加async屬性）

既然提到了async，面試官就讓我解釋一下async是什么，有什么作用

因為上面一題的回答涉及到了Promise對象，所以面試官又問了一道js事件循環的機制，給了一串代碼讓我寫輸出。具體代碼記不太清了，只要弄明白了js事件循環機制和宏任務微任務的話還是蠻簡單的，網上有很多這種代碼。

面試官讓我舉幾個css中表示尺寸的單位，我隨口答了幾個。接著問我知不知道rem，我回答說是相對于父元素字體的大小，他說我的回答是錯的，雀食，em才是相對于父元素字體的大小，rem是相對于根元素字體的大小。

然后讓我通過純css做一個動畫，我問能不能通過js實現……（CSS一生之敵了屬于是）

虛擬DOM和真實DOM之間的關系 √

簡歷上有提到過Nginx，所以面試官問了一句除了反向代理，你有用Nginx實現過負載均衡嗎 ×

解釋一下瀏覽器創建AJAX請求的過程 √
順便手寫了一下原生的JS代碼

AJAX怎么攜帶cookie √

說明一下v-show和v-if的區別，并問如果讓你實現v-show你會怎么做 √

http請求有哪些方法？GET、POST、OPTIONS、PUT等

說一下OPTIONS和PUT是做什么的 （寄了，這些基本沒用過，回答得也并不好）×

說一下GET和POST之間的區別 √

介紹一下fetch（只聽過，沒用過，了解得并不多） ×

說一下http和websocket的區別

最后讓我寫了一道算法題：

輸入一段數組表示許多格子
每一個格子中都有一個數字，表示在這個格子可以向前挪動幾步，問從第一個格子出發能否到達最后一個格子
輸入樣例一
[ 2, 3, 1, 1, 4 ]
輸出樣例一
true

輸入樣例二
[ 3, 2, 1, 0, 4]
輸出樣例二
false

以下是我給出的代碼：

public static boolean canReach(int[] arr) {int index = arr.length - 2;while(index >= 0){while(arr[index] != 0){if(--index < 0){return true;}}int zeroIndex = index;while(index >= 0 && arr[index] + index <= zeroIndex){if(--index < 0){return false;}}}return true; }

我的想法是，從后往前依次遍歷數組，如果遇到了0，就往前看有沒有元素能夠跨過這個位置。如果沒有就說明到不了末尾元素。
這題給的時間不太多，只給了差不多5分鐘吧，這段代碼只測試了用例，有沒有其他bug還不是很清楚。

感想

這畢竟是人生第一次面試，心里非常緊張。不過面試官小哥人非常好，一直都非常有耐心。
最后我在明知自己面試表現稀爛的情況下還是斗膽問了一句，“能不能評價一下我今天的表現？”。
面試官哥哥尷尬而不失禮貌地笑了一下，然后說你計算機方面的基礎還是挺扎實的，算法也還可以，就是下次多看下CSS方面的知識。只能說大廠不愧是大廠，是我高攀不起了。
本來以為這輪面試寄了，結果中午去食堂吃飯的時候HR直接幫我約了二面和三面，字節跳動速度雀食快，只能說大廠不愧是大廠。

總結

以上是生活随笔為你收集整理的字节跳动西瓜视频一面面经的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。