function?tpl(template,?data){

}
//?輸入
tpl('{%name%}

• 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表默認(rèn)添加。

• A4: ...

• Q5: 你對閉包的理解

• A5: 函數(shù)執(zhí)行的保護(hù)機(jī)制。圍繞函數(shù)執(zhí)行機(jī)制（后來 lucifer 男神講可以從詞法作用域說，但畢竟是面試，感覺從函數(shù)執(zhí)行來講比較 ok），結(jié)合 V8 生成 AST 角度去談何為閉包。具像為作用域鏈，及其 2 個表象。優(yōu)缺點。理論應(yīng)用：在 Vue 中的應(yīng)用 Dep()，React 中的應(yīng)用 Redux dispatch，設(shè)計模式中單例模式。項目應(yīng)用：H5 前端自擬倒計時 destroyed 銷毀引用。

三面-女

面試內(nèi)容

• Q1: 自我介紹
• A1: 叫 AJ，來自 X，能干活。
• Q2: 聊點你的學(xué)校經(jīng)歷吧
• A2: 在校職務(wù)...
• Q3: 為什么選擇前端
• A3: 經(jīng)過大一嘗試過 java,py,cnn 后決定，前端作為當(dāng)下的生存技能。興趣不局限于此。

?

lucifer 小提示: 不要把自己局限到前端。

?

• Q4: 為什么不現(xiàn)在就去學(xué)后端
• A4: 我明白自己每個階段想要的是什么，當(dāng)下秋招的我應(yīng)該找一份匹配自己的工作。
• Q5: 未來三年的職業(yè)規(guī)劃
• A5: 業(yè)務(wù)崽。
• Q6: 實習(xí)公司，對比百度、騰訊、小米，最不喜歡哪一個？
• A6: 從不同的層面去說最喜歡哪家。
• Q7: 你覺得你的缺點有什么
• A7: 不喜歡跟人爭執(zhí)，浪費時間且無趣。
• Q8: 為什么會投我們公司，了解我們嗎
• A8: 很好的朋友在開課吧(然哥)，給我說好未來還挺不錯的。秒投了。
• Q9: 我們的業(yè)務(wù)有...你喜歡哪個業(yè)務(wù)啊
• A10: 直播吧

四面-男

面試內(nèi)容

• Q1: Vue 那種左右界面，中間的豎線可以滑動，左右布局跟著變化，怎么去做優(yōu)化，可以從哪些角度觸發(fā)
• A1: 不會。嘗試從 Vue Object.freeze() 和 提升圖層角度去說。
• Q2: GPU 硬件加速渲染說下原理
• A2: 不會。從 CSS3 觸發(fā)的角度說了下。
• Q3: HTTPS 性能損耗在哪里？
• A3: TLS 握手。從《計算機(jī)網(wǎng)絡(luò) 自頂向下》那本書里提的角度簡單說了下。同時認(rèn)為非對稱加密算法對服務(wù)端資源消耗比較大。
• Q4: 你如何去解決前端人員被需求壓滿，然后做業(yè)務(wù)覺得沒有技術(shù)成長
• A4: 不局限在功能點的開發(fā)，真正理解業(yè)務(wù)，理解業(yè)務(wù)流程中的數(shù)據(jù)流向以及坑點。當(dāng)在當(dāng)前環(huán)境遇到技術(shù)瓶頸要跳槽時，帶著已有經(jīng)驗去下一個環(huán)境。
• Q5. 談?wù)?WebSocket，然后怎么去改造。
• A5: 簡單說了一點理論，直言沒實踐過。

?

lucifer 小提示: 可以自己實現(xiàn)一個 WebSocket 玩玩就啥都知道了。

?

• Q6: 直播業(yè)務(wù)中，常用的協(xié)議是什么
• A6: 僅知道 webRTC。
• Q7: 海量數(shù)據(jù)找出最大的 K 個，怎么找？時間復(fù)雜度是多少？
• A7: lucifer 之前的文章應(yīng)該有過，沒記牢固。簡單說了下。

?

lucifer 小提示：我們只需要建立一個大小為 K 的小頂堆，N 個數(shù)分別入堆，最后堆頂?shù)脑鼐褪堑?K 大的。時間復(fù)雜度

?

• Q8: 了解好未來嗎？為什么要來？
• A8: 做教育的。我哥推薦的。

PS: 面試白菜起步。SP 面是四面。

lucifer 點評

由于是校招的原因，整個面試過程比較注重的是基礎(chǔ)知識以及思考和學(xué)習(xí)方式。并且可以看出側(cè)重點依然是：

• 網(wǎng)絡(luò)（TCP，DNS，HTTP，HTTPS，瀏覽器緩存等）
• 瀏覽器渲染（GPU 硬件加速， webkit 原理等）
• 數(shù)據(jù)結(jié)構(gòu)與算法（排序算法，復(fù)雜度分析，堆的應(yīng)用等）

對于每一個部分，我們首先要做的是建立大局觀，這樣即使錯，也不會錯到哪去。大局觀建立好了，相當(dāng)于基本的知識框架有了，接下來就是填充知識框架了。這個階段最主要的就是鞏固復(fù)習(xí)和查缺補漏。經(jīng)過這樣的一個學(xué)習(xí)，相信你也能夠在面試中嶄露頭角，獲得心儀的 offer。

大家也可以關(guān)注我的公眾號《腦洞前端》獲取更多更新鮮的前端硬核文章，帶你認(rèn)識你不知道的前端。