本文繼續(xù)分享最新真實(shí)面經(jīng)，希望對(duì)粉絲股東們有幫助，另外文末有直投大廠的機(jī)會(huì)，別錯(cuò)過。都說行情不好，可是有的同學(xué)拿到了很多Offer，各種對(duì)比；也有同學(xué)連面試都很難約到?！?strong>能拿到Offer的大多相似，拿不到的各有各的原因。”

金三銀四你拿到了哪些offer？

也歡迎大家在評(píng)論區(qū)留言討論，不要錯(cuò)過文末的企業(yè)直招福利。

百度一面

Vue3 的源碼

ref和reactive區(qū)別，vue團(tuán)隊(duì)為什么要這么設(shè)計(jì)？
源碼使用了reflect，為什么要這么使用？
他是如何跟蹤數(shù)據(jù)的？為什么要用weakMap？
你是如何區(qū)別不同的虛擬dom（文本，fragment，自定義組件）？
說一下diff算法？
diff算法你說到了最長(zhǎng)公共子序列這個(gè)算法，怎么實(shí)現(xiàn)呢，說一說思路？
那對(duì)于新增的虛擬dom你是怎么實(shí)現(xiàn)插入的（換句話說你是怎么記錄dom位置的，代碼怎么知道我就要插入這個(gè)地方）？

CSS 部分

如何使用rem這個(gè)單位的，它是什么含義
link和import的區(qū)別
看到你有寫拆分css，為什么要這么做，一個(gè)css不好嗎？
你說到首屏渲染加速，拆分css，那么這個(gè)東西是絕對(duì)的嗎，你拆了css，就多了一個(gè)http請(qǐng)求，所以你得均衡考慮，魚和熊掌不可兼得
cdn工作原理，為什么要把靜態(tài)資源放在cdn里面？

項(xiàng)目

講一講你做的這個(gè)項(xiàng)目（從產(chǎn)品定位，產(chǎn)品需求，功能模塊三個(gè)部分，能說多少說多少）
你做的是哪一部分
rpc通信具體實(shí)現(xiàn)的方案？
現(xiàn)在給你一個(gè)場(chǎng)景，后端返回一堆數(shù)據(jù)，你可能要彈出多個(gè)彈窗，但是頁面只有一個(gè)彈窗，只是我點(diǎn)擊彈窗之后下一步操作彈出另一個(gè)彈窗，如何做到絲滑操作，不會(huì)有彈窗開和關(guān)的那種停頓感，如果能有封裝的邏輯就更好了。
遇到的難點(diǎn)，如何解決的

代碼題

將一維數(shù)組變?yōu)槎S數(shù)組
全排列

美團(tuán)一面

自我介紹
剛剛說到單點(diǎn)登錄，能說一下它的原理嗎？
前端需要做什么工作？
你們這樣設(shè)計(jì)，兼容性不會(huì)特別差嗎？
微應(yīng)用是如何組織架構(gòu)的？
你知道qiankun是基于什么封裝的嗎？
single SPA框架你了解嗎
你能說一下單頁面應(yīng)用，能說一下嗎？
你的理解沒有問題，講得非常通俗易懂，你知道路由切換的原理嗎？
你提到了代碼的復(fù)用，你平常做了哪些工作？
你這是屬于CR后面做優(yōu)化，然后優(yōu)化中帶了一些復(fù)用的點(diǎn)
你覺得前端整個(gè)系統(tǒng)有哪些復(fù)用的方面
你說的v-for是vue的？是的
你用的vue2還是vue3
vue3除了組合API，還有什么變化嗎？
你剛剛說到proxy，能具體展開嗎？
你知道$set嗎？
computed和watch區(qū)別
能大概介紹一下vue的數(shù)據(jù)驅(qū)動(dòng)的底層嗎？
你剛剛說到watcher，是啥？
問幾個(gè)基礎(chǔ)性性問題，promise了解嗎？new 一個(gè) promise 先resolve，然后reject，會(huì)怎么樣？
有一個(gè)then，return了一個(gè)值，下一個(gè)then能拿到這個(gè)值嗎？
你的項(xiàng)目經(jīng)歷分享了xxxx，不便說
原型鏈你知道吧？
原型鏈的盡頭是啥？
如果寫一個(gè)類的繼承你應(yīng)該知道吧？
你覺得什么時(shí)候再JavaScript會(huì)用到類？
面向?qū)ο蟮暮锰幨巧叮?
問一個(gè)比較開放的問題，你覺得前端是面向?qū)ο蟮膯幔?
閉包你知道吧？
你現(xiàn)在是什么時(shí)候畢業(yè)
你在在校期間有沒有參加過一些實(shí)際的項(xiàng)目開發(fā)？
你有沒有深入去做過一個(gè)事情？
平時(shí)怎么去學(xué)習(xí)前端的？
你覺得你你目前前端是個(gè)水平的人？
如果你和你的mentor觀點(diǎn)上發(fā)生了沖突，他認(rèn)為他的好，你認(rèn)為你的好，怎么辦呢？
兩數(shù)之和

美團(tuán)二面

工作產(chǎn)出
npm / pnpm / yarn
npm 發(fā)包需要關(guān)注哪些點(diǎn)和指標(biāo)
Pnpm 軟鏈接 / 硬鏈接
docer性能優(yōu)化
小程序性能優(yōu)化
跨端原理
手撕兩道：發(fā)紅包 & flat函數(shù)實(shí)現(xiàn)

字節(jié)一面

項(xiàng)目難點(diǎn)、解決方案
數(shù)組存儲(chǔ)怎么壓縮(稀疏矩陣，三元組有關(guān)知識(shí))
數(shù)據(jù)類型有哪些，如何判斷
let、const與棧、堆之間的關(guān)系，棧、堆哪個(gè)訪問速度更快，為什么？
settimeout和settimeinterval哪個(gè)更準(zhǔn)確，為什么？延時(shí)設(shè)為0ms會(huì)怎樣？(最少4ms)
事件循環(huán)
tcp、udp的區(qū)別
http如何建立連接，有哪些過程？(三次握手那些)
https如何防竊聽和篡改，自己抓過包沒，可以修改不？(面試官說實(shí)際上可以隨便改，沒試過 )
promise有哪些狀態(tài)，fulfilled可以改成rejected不？常用的靜態(tài)方法？
前端安全，vue怎么防止xss攻擊的？
場(chǎng)景題：vue中如何渲染用戶想要的自定義文本，比如有各種顏色，各種字體大小(類似于用vue實(shí)現(xiàn)一個(gè)文本編輯器)
手寫題1：settimeout(() => {console.log(1)}，1000)怎么讓1在2s后打印，不能直接修改時(shí)間
手寫題2：實(shí)例鏈?zhǔn)秸{(diào)用：如let a = new Man(); a.sleep(3000).sayHi().sleep(1000).sleep(2000).sayHi()；寫出Man()構(gòu)造函數(shù)
手寫題3：遍歷DOM樹打印每個(gè)元素的tagName
手寫題4：打印數(shù)組全排列，[1,2,3] 打印[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]]

粉絲福利

給大家安利一下“萬碼優(yōu)才”小程序的“卓越雇主招聘月”主題招聘活動(dòng)，可以直投大廠。

萬碼優(yōu)才是“程序員專屬求職平臺(tái)”、有各種崗位可以投遞，包括：前后端開發(fā)、算法、產(chǎn)品、測(cè)試、運(yùn)維、硬件等80種類別的上萬個(gè)技術(shù)崗位，目前已經(jīng)有80萬程序員在用了。

最新上線的卓越雇主招聘月更是吸引了巨頭企業(yè)，也新增了眾多崗位。

比如：美團(tuán)、京東、奇瑞汽車、萬興科技、江小白、中建電子、中汽創(chuàng)智等公司的前端崗位...

抓住這次機(jī)會(huì)，抓緊投一波：

也歡迎你進(jìn)群交流，學(xué)習(xí)經(jīng)驗(yàn)：

江浙滬高級(jí)前端群

京津冀高級(jí)前端群

金三銀四你都拿到了哪些offer？

百度一面

美團(tuán)一面

美團(tuán)二面

字節(jié)一面

粉絲福利

金三銀四你都拿到了哪些offer？