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