【校招面經分享】好將來-北京-視頻面試

時間 2020-08-11

標籤校招面經分享將來北京視頻面試欄目快樂工作简体版

原文原文鏈接

做者：阿吉
整理&點評：lucifer

爲何要寫這個面經？

lucifer 說讓我寫一下秋招面經，但我很菜，一開始不想寫的。最主要的是不想暴露本身的菜，雖然羣佬都知道我比較菜。javascript

lucifer 的羣大概是我惟一一個每時每刻都能獲得響應的羣吧。很開心當時只是隨便加了一下，但認識了好多大佬，常常在羣裏問一些很沒頭腦的問題，但總有人會艾特我回答，儘量去觸摸本身的知識邊界幫我解答，你們都在交流（技術+扯皮）。前端

比較遺憾沒偷學到 lucifer 的算法能力，也沒能白嫖到小漾的美圖。在 lucifer 羣裏開羣語音，還有幸白嫖過川川(若川大佬)的聲音 hhhhhh。大概我挺但願小漾看到這個文章能主動點曬照一下 hhhh（感受次日我就沒了）。java

面試體驗

好將來的四位面試官給予的面試體驗很舒服。四面面試官說話一直用「您」。四面面試快結束的時候：node

我：「咱們的時間價值並不對等，因此很感謝您願意抽時間面試我」
面試官：「不，咱們的時間是對等的，咱們今天只是在平等的交流」。

好將來的面試體驗多是目前秋招面試最舒服的，由於平時喜歡看不少閒書（面試不多會問的那種），把那些知識都有機會和麪試官進行了分享。web

面試官的問題用 Q 表示，個人回答用 A 表示，序號表示第幾個。好比 Q5 表示面試官的第五個問題， A8 表示我對第八個問題的回答。

一面（男）

面試內容

Q1: 聊項目，聊實習公司，問何時開始學前端
A1: 大二
Q2: 說一下排序算法。手撕冒泡，快排及其優化
A2: blabla

lucifer 小提示: 要能夠手撕才行哦。

Q3: TCP 和 UDP 區別。TCP 爲何是可靠的？
A3: 《計網自頂向下》，同時說了應用場景。
Q4: 三次握手，四次揮手
A4: 過程，字段，爲什麼兩次不行，各自做用。SYN 半鏈接攻擊。
Q5: 談一下 HTTP
A5:
詳細說 HTTP 1.0 1.1 2 3
細說文本格式和二進制格式（這個很感謝 feiker 大表哥在羣裏說了下），以及 HPACK，應用層和傳輸層的隊頭阻塞，多路複用和多路分解
瞎扯了一下 302 303 307 在 RFC 規範中的發展歷史，實際上是跟瀏覽器大戰年代相關的。
Q6: 瀏覽器緩存
A6:
四級：Service Work, Memory Cache, Disk Cache, Push Cache
HTTP 控制的緩存位於 Disk Cache，即強緩存和協商緩存。兩者中間的啓發式緩存。
Q7: CDN
A7: content dispatch newwork。《計網自頂向下》
Q8: 從 URL 到瀏覽器渲染，僅圍繞 HTTP 相關展開
A8: 由於僅涉及 HTTP，除了常規回答，談了下 webkit 裏的三類資源加載器，以及網絡棧。
Q9: 編譯性語言和解釋性語言的區別
A9: java，js。引伸 JVM 和 V8。以及 V8 在早些年間拒絕採用中間碼（《了不得的 nodejs》那本書比較老，裏面就是無中間碼），後來又採用了。其實最開始的緣由就是考慮到移動端存儲量。
Q10: 單線程的緣由，好處
A10: JS 多線程對 DOM 的壞處。引伸 webkit 多線程，看面試官比較感興趣，又分析了瀏覽器的多進程架構，以及 Renderer 進程的四個配置項。

二面-男

面試內容

Q1: 聊項目，前端倒計時，IOS 兼容等
A1: ...
Q2: 各類排序的時間複雜度
A2: ...

lucifer 小提示: 不要死記硬背。

Q3: 手撕代碼

function tpl(template, data){

}
// 輸入
tpl('<div class={%className%}>{%name%}</div>', {className:'hd', name:123})
// 輸出
<div class="hd">123</div>
// 面試時編碼思路：根據瀏覽器的詞法分析去作，用stack。但存在問題。

A3:...
Q4: 看代碼說輸出，做用域

var a = 2;
function fn1() {
  var a = 1;
  console.log(this.a + a);
}
function fn2() {
  var a = 10;
  fn1();
}
fn2();
// 扯了一下this指向，以及C++中做用域的_variable表默認添加。

A4: ...
Q5: 你對閉包的理解
A5: 函數執行的保護機制。圍繞函數執行機制（後來 lucifer 男神講能夠從詞法做用域說，但畢竟是面試，感受從函數執行來說比較 ok），結合 V8 生成 AST 角度去談何爲閉包。具像爲做用域鏈，及其 2 個表象。優缺點。理論應用：在 Vue 中的應用 Dep()，React 中的應用 Redux dispatch，設計模式中單例模式。項目應用：H5 前端自擬倒計時 destroyed 銷燬引用。