面試分享：三年工作經(jīng)驗(yàn)成功面試字節(jié)、阿里 P6 總結(jié)
來自群友大佬授權(quán)發(fā)表，如果感覺大佬寫的不錯，可以點(diǎn)擊閱讀全文給大佬點(diǎn)個贊。作者：塔閣，原文鏈接：https://juejin.cn/post/6956992439097753631，
前言
第一次寫文章不太熟悉，以前都是在自己的博客寫寫學(xué)習(xí)筆記啥的，還請大家見諒。
這次面試的話是從去年 8、9 月份開始準(zhǔn)備的，最后終于下定決心在 4 月份進(jìn)行面試，最后面的公司也不多。這里就簡單整理下面試的時候考察的問題，項(xiàng)目相關(guān)還有 HR 面的我就不列上面了，希望可以給大家參考下。
關(guān)于簡歷
簡歷這塊的話，我是簡單的用 Boss 直聘的功能做了一份，大致包含了以下幾個部分：
個人信息 教育經(jīng)歷 工作經(jīng)歷 項(xiàng)目經(jīng)歷 專業(yè)技能 自我評價
這里面重點(diǎn)的我覺得就是專業(yè)技能和項(xiàng)目經(jīng)歷這兩塊，我們需要讓面試官能夠簡潔直觀地在我們的經(jīng)歷里面看到我們掌握的技術(shù)能力。具體項(xiàng)目經(jīng)歷這塊怎么寫大家有興趣可以借鑒下這篇文章： 優(yōu)秀簡歷法則：從 star 法則到 start 法則（簡歷系列 2/3）[1]
面試題
漫圖攝影
這家公司其實(shí)不是啥大公司，去這家公司面試主要就是來鍛煉下面試的話術(shù)和心態(tài)之類的
電話一面
講一下線程和進(jìn)程的區(qū)別 Vue2 中使用的 Object.defineProperty 和 Vue3 中使用的 Object.proxy 的區(qū)別 介紹一下 CDN
結(jié)果
一面過了，但是后面是要求我去濱江面試，來回太遠(yuǎn)了我就拒絕了。
阿里（本地生活---已發(fā) offer）
阿里的話是 2+1 的面試，期間主要問的還是項(xiàng)目相關(guān)的問題，可能這個和我面試的部門有關(guān)系吧
字節(jié)（抖音-電商---offer 流程中）
字節(jié) 3 輪下來的話時間上是差不多 3.5 小時的的樣子，面試總體感覺還是不錯的，面試官對于你回答有問題的地方，會誘導(dǎo)你去思考一下，所以回答錯的時候別慌，還是有第二次機(jī)會的。
視頻一面
this 指向判斷（這個并不是直接問你，而是用題目的方式考察） 手寫原生 call CDN 介紹，回源是什么？CDN 的原理是什么？ v-model 的實(shí)現(xiàn)原理 vue 數(shù)據(jù)攔截是怎么實(shí)現(xiàn)的？patch 的實(shí)現(xiàn)原理是怎么樣的？ 如何實(shí)現(xiàn) vue 組件的異步加載？ MVVM 框架和 MVC 框架的差別 算法題：版本號數(shù)組排序 算法題：鏈表轉(zhuǎn)反鏈表
視頻二面
es6、es7 這些后來的版本在 es5 的基礎(chǔ)上新增了那些東西，羅列一下 閉包是什么？簡單介紹一下
（ps：這里回答的時候結(jié)合了作用域鏈的概念介紹了閉包的形成，然后說了一下閉包的用途還有要注意的地方）http 請求是怎么組成的，你對 option 請求有什么了解？這個請求在跨域的時候一定會發(fā)出嗎？ 介紹一下 flex 的各個屬性，以及原理 對于工程化你有什么了解？怎么實(shí)現(xiàn)代碼向下兼容？babel 為什么沒實(shí)現(xiàn)所有代碼的向下兼容？ 介紹一下 vue 的 nextTick 是怎么實(shí)現(xiàn)得？ 介紹一下你在平時業(yè)務(wù)中使用過的優(yōu)化方案？ 介紹一下瀏覽器的頁面緩存機(jī)制？ 算法題：判斷字符串的括號正常閉合，寫完之后面試官還會要求你對源代碼進(jìn)行優(yōu)化
視頻三面
三面的時候其實(shí)考核的基本上就是簡歷上的項(xiàng)目經(jīng)歷啥的，所以題目的也不多。
React 和 Vue 的差別，為什么你的項(xiàng)目使用 Vue 去開發(fā)？ 算法題：回文串
總結(jié)
總的來說字節(jié)這邊的回答其實(shí)并不是很完美，在工程化這塊其實(shí)我準(zhǔn)備的不是很多。后面打算會學(xué)下這塊東西，但是最后的話面試也是過了，目前還在走流程。
涂鴉智能（offer 流程中）
電話一面
vue 怎么實(shí)現(xiàn)數(shù)據(jù)雙向綁定？data 中不定義相關(guān)字段，直接使用 v-model 可以嗎？ vue2 和 vue3 數(shù)據(jù)攔截的區(qū)別？為什么 proxy 不能向下兼容？ vue 的 data 為什么要用函數(shù)返回一個對象？ 無感刷新 token 是怎么實(shí)現(xiàn)的？ git 操作相關(guān) https 數(shù)據(jù)傳輸流程 CSRF 的了解 301、302 和 304 代表什么意思？瀏覽器緩存是怎么回事？ 簡單說下棧和隊(duì)列？如何用棧實(shí)現(xiàn)隊(duì)列？ 如何判斷鏈表是否有環(huán)？不用快慢指針的話有什么方法？
電話二面
主要是簡歷上項(xiàng)目相關(guān)的東西，別的問題其實(shí)也不多
網(wǎng)易（云商）
網(wǎng)易這邊的話，其實(shí)面試起來中規(guī)中矩，一面的問題基本在網(wǎng)上各類面經(jīng)里面都有，所以有準(zhǔn)備的話基本沒有問題。但是二面的話就偏向于實(shí)際業(yè)務(wù)場景的解決方案設(shè)計(jì)了，感覺還是要看平時積累。
電話一面
介紹一下瀏覽器從輸入 URL 到解析到頁面的過程？ 介紹一下前端的盒模型？ 介紹一下事件循環(huán)機(jī)制？ 介紹一下前端的繼承方式有哪些？ 介紹一下 new 的過程中，有哪些步驟？ Vue 的 diff 方法是怎么樣的？Key 在其中有什么作用？ 為什么 Vue 的 data 要返回對象？不返回有啥問題？ 介紹一下瀏覽器的頁面緩存機(jī)制？ CSRF 攻擊的原理，如何防范？ MVVM 框架和 MVC 框架的差別？ 算法題：實(shí)現(xiàn)樹的廣度優(yōu)先遍歷 算法題：實(shí)現(xiàn)樹的深度優(yōu)先遍歷
電話二面
實(shí)現(xiàn)廣告曝光率的統(tǒng)計(jì)，要求如下： 區(qū)分為資源沒加載的情況下流失的用戶 統(tǒng)計(jì)用戶累計(jì)在廣告位瀏覽時間 統(tǒng)計(jì)廣告位展示比例不同的情況下的用戶比例 如何監(jiān)聽線上頁面內(nèi)存溢出？ 頁面報(bào)錯監(jiān)聽，考慮異步的情況（其實(shí)就是設(shè)計(jì)一套通用的報(bào)錯監(jiān)控方案）
有道科技
電話一面
CSRF 攻擊的原理，如何防范？ MVVM 框架和 MVC 框架的差別 簡單介紹一下裝飾器模式 400,401,300,302 是什么意思 font-size 和 border 可以被繼承嗎 Object.defineProperty 和 Object.proxy 的區(qū)別，前者怎么使用 怎么捕獲異步事件的報(bào)錯，try catch 可以嗎？ 講講 fetch 和 xhr 的區(qū)別 兩道小題目
function A(){this.name='a';}
function B(){this.name='b';}
A.prototype.getName = function() {return this.name;}
B.prototype.getName = function() {return this.name;}
A.prototype = new B;
const c = new A;
c.getName();?
console.log(x)?
x = 1;
console.log(x)?
console.log(test('abc'))?
function test(p){return p;}
var x;
結(jié)果
這個公司的話一面是過了，但是之后二面的時候因?yàn)楸桓嬷ニ麄兡沁叕F(xiàn)場面試，但是我那時候有事情就沒有去了
面試總結(jié)
其實(shí)這個面試知識點(diǎn)復(fù)習(xí)的話，主要還是參考的這篇文章 2021 年前端面試必讀文章【超三百篇文章/贈復(fù)習(xí)導(dǎo)圖】 我個人認(rèn)為這里面羅列的知識點(diǎn)有掌握 7、8 成的話，其實(shí)面試的問題應(yīng)該就不大了。當(dāng)然突擊學(xué)習(xí)的話其實(shí)還是會被看出來的，最重要的還是在平時的積累。
參考文章
簡單總結(jié)下線程和進(jìn)程的區(qū)別[3] 實(shí)現(xiàn)雙向綁定 Proxy 比 defineproperty 優(yōu)劣如何\?[4] 五分鐘了解 CDN[5] 死磕 36 個 JS 手寫題（搞懂后，提升真的大）[6] 前端安全系列（二）：如何防止 CSRF 攻擊？[7] JS 異步錯誤捕獲二三事[8] 30 道 Vue 面試題，內(nèi)含詳細(xì)講解（涵蓋入門到精通，自測 Vue 掌握程度）[9] 優(yōu)秀簡歷法則：從 star 法則到 start 法則（簡歷系列 2/3）[10] 2021 年前端面試必讀文章【超三百篇文章/贈復(fù)習(xí)導(dǎo)圖】[11]
參考資料
優(yōu)秀簡歷法則：從star法則到start法則（簡歷系列2/3）: https://zhuanlan.zhihu.com/p/67775969
[2]2021年前端面試必讀文章【超三百篇文章/贈復(fù)習(xí)導(dǎo)圖】: https://juejin.cn/post/6844904116339261447
[3]簡單總結(jié)下線程和進(jìn)程的區(qū)別: https://juejin.cn/post/6844903859953876999
[4]實(shí)現(xiàn)雙向綁定 Proxy 比 defineproperty 優(yōu)劣如何?: https://juejin.im/post/6844903601416978439#heading-7
[5]五分鐘了解 CDN: https://juejin.cn/post/6844903605888090125
[6]死磕 36 個 JS 手寫題（搞懂后，提升真的大）: https://juejin.cn/post/6946022649768181774
[7]前端安全系列（二）：如何防止 CSRF 攻擊？: https://tech.meituan.com/2018/10/11/fe-security-csrf.html
[8]JS 異步錯誤捕獲二三事: https://juejin.cn/post/6844903830409183239
[9]30 道 Vue 面試題，內(nèi)含詳細(xì)講解（涵蓋入門到精通，自測 Vue 掌握程度）: https://juejin.cn/post/6844903918753808398
[10]優(yōu)秀簡歷法則：從star法則到start法則（簡歷系列2/3）: https://zhuanlan.zhihu.com/p/67775969
[11]2021年前端面試必讀文章【超三百篇文章/贈復(fù)習(xí)導(dǎo)圖】: https://juejin.cn/post/6844904116339261447
干貨直達(dá)
更多精彩
99%的前端開發(fā)者都關(guān)注了這個公眾號 ??
