1年工作經驗8月份大廠面試全記錄

大家好，我是若川。最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，已經有超50+人提交了筆記，群里已經有超1200人，感興趣的可以點此鏈接掃碼加我微信?ruochuan12

本文來自讀者@AaronKwong 投稿。他參與了四期源碼共讀，說對找工作很有幫助。于是聯系他把最近大廠面試總結下來投稿。今天是他的生日，所以選擇在今天發文。

筆者@AaronKwong 2020.6 畢業于廣州某高水平大學，計算機學院，軟件工程專業。大四上學期開始實習并一直工作到時下。

2021.3 老東家在線教育項目解散，轉崗并開始復習。

8 月下旬開始投簡歷，boss 投遞 + 朋友內推，先后投遞了拼多多，yy 直播，歡聚，字節跳動，虎牙，基本上每天都在面，白天上班晚上面試，大概持續了兩周左右

面經

拼多多商家端一面（40 分鐘）

簡歷項目問詢 - 細節
垂直水平居中
一個簡單請求的 header 會有什么字段
map, filter, reduce 都怎么用
symbol 有了解嗎
ES5 繼承，ES6 類繼承，靜態方法
Promise 超時控制
DFS 找節點
node 有什么特性，適合用來做什么
midway 對比 egg 有什么優勢
typescript 有沒有實踐過
平時有用什么設計模式嗎
平時打包工具 - Webpack 相關
你有沒有哪些我沒問到你想說的
緩存相關，cdn 緩存處理
你有什么想問的

拼多多商家端二面（65 分鐘）

壓力面，質疑觀點
拍平數組

const?flatten?=?(list,?level?=?+Infinity)?=>?{//?...
};
const?array?=?[1,?[2,?[3,?4,?[5]],?3],?-4];
const?list1?=?flatten(array);
const?list2?=?flatten(array,?2);
console.log(list1);?//?[1,?2,?3,?4,?5,?3,?-4]
console.log(list2);?//?[1,?2,?3,?-4]

promise

const?myPromise?=?val?=>?Promise.resolve(val);
const?delay?=?duration?=>?{//?...
};
myPromise(`hello`).then(delay(1000)).then(val?=>?console.log(val));?//?一秒之后輸出?hello

拼多多商家端三面（30 分鐘）

項目細節問詢
Vue 源碼有讀嗎 - 響應式原理，nextTick
最近有沒有研究什么新技術
項目優化有哪些實踐
V8 如何執行一段代碼
72-編輯距離
226-翻轉二叉樹
性能優化的實踐
有其他想問的嗎

歡聚一面（90 分鐘）

項目細節，ci/cd 詳細問，重構詳細問，詳細介紹題目錄入
vue 的 history 和 hash 模式區別，hash 與 ssr
https 基本原理
ca 證書怎么確保真實性
cors 是什么，同域又是什么
怎么解決前后端通信跨域
可以 node 轉發繞過跨域，為什么瀏覽器還是要做 cors
除了 webpack proxy ，nginx，后端配 cors 頭，還有什么跨域方案
xss 攻擊怎么防范，除了轉譯呢，轉譯出來的那個叫什么
es6 的二進制操作？
說一下思路怎么去實現一個 promise
promise 怎么能夠保證 then 的順序執行
worker 有了解過嗎
ssr 的原理？
性能優化有哪些實踐
有沒有在研究什么
手寫：min 到 max 的隨機數，整數和小數的方案
場景：多個屬性，每個屬性都是數組，求屬性聚合結果
場景：用戶點擊按鈕沒反應，怎么去定位錯誤（除開 QA 環節能檢查到的錯誤）
有什么想問的

歡聚二三面

二面部門終面，三面 hr 面，現場一天面完，主要是和部門領導交流，關于項目組以及負責的模塊；了解薪酬福利相關

yy 直播一面（30 分鐘）

項目的 CI/CD 怎么配置的，jenkins 怎么部署，為何沒有直接部署單獨機器，內網互通去傳送文件發布，git 權限怎么配的
vue-router hash/history 區別
vuex 里面有哪些東西，分別用來干嘛的
vuex 分了模塊，有全局通用的內容是怎么配置的
除了直接調用命名空間模塊還有辦法直接訪問需要放在全局模塊下的東西嗎
Vue 的響應式原理
子組件的 data 變化，那么父子組件的更新是怎么樣進行的
雙向綁定，那么視圖數據更新怎么影響到 data 里的數據
Vue 的生命周期有哪些
項目內怎么通信 - (EventBus/emit-on/vuex)
EventBus 實現原理，有沒有多條事件總線的情況，怎么解決可能重名的問題
移動端里的單位 - rem/vh/vw
postCss rem=>px，設計稿上 750 寬度是怎么去算的
移動端有什么性能優化的點 - 虛擬滾動
typescript 有寫過嗎有了解嗎
說一下你理解的泛型
webpack loader 項目里有用哪些？
一個.mp4 文件加載的話需要用哪些 loader
有開發 webpack 插件嗎？是要怎么開發
http 有多少版本
http 1 2 3 的版本區別
http2 和 1 的區別，解決了什么東西
http3 解決了 http1 和 2 什么問題
http3 什么問題沒想起來
http 緩存
cdn 緩存是強緩存還是協商緩存

字節跳動一面

輸出結果

var?a?=?3;
var?total?=?0;
var?result?=?[];
function?foo(a)?{var?i?=?0;for?(;?i?<?3;?i++)?{result[i]?=?function?()?{console.log(i,?a);total?+=?i?*?a;console.log(total);};}
}
foo(1);
result[0](?"0");
result[1](?"1");
result[2](?"2");

Promise 輸出順序
給一個 n，生成一個[0, n-1)亂序數組
這個時間復雜度是多少，能進行優化嗎
看你寫的這個有用 sort，為什么是 O(nlogn)呢
還能再優化下嗎
說一下快排原理？
三路快排是怎么個三路法
還了解其他一些排序嗎
詳細說下歸并排序
穩定和不穩定排序怎么界定？
了解一些時間順序相關的 api 嗎
requestAnimationFrame 有了解過嗎
setImmediate 和 setTimeout 和 setInterval？
項目細節，最有成就感的需求是哪個？
base64 是怎么樣轉碼的
為何轉了 json 協議之后可以優化圖片上傳
如果公網上傳的話，怎么防止不被人拿來做圖床
xss 的話怎么防止
Vue 的生命周期有哪些
created 和 beforeMount 有何區別
render 函數和 jsx
Vue 怎么轉 js 代碼的？
computed 里面的懶更新是怎么實現的

字節跳動二面（47 分鐘）

自我介紹
最有成就感的項目細問
react fiber 原理
求藍色區域的寬高

<html><style>.box?{padding:?2px;margin:?2px;width:?10px;height:?10px;background:?blue;border:?1px?solid?black;}#content-box?{box-sizing:?content-box;}#border-box?{box-sizing:?border-box;}</style><body><div?class="box"?id="content-box"></div><div?class="box"?id="border-box"></div></body>
</html>

輸出結果

var?length?=?10;
function?fn()?{return?this.length?+?1;
}
var?obj1?=?{length:?5,test1:?function?()?{return?fn();},
};obj1.test2?=?fn;console.log(obj1.test1());
console.log(fn()?===?obj1.test2());