人生第一次面大廠，和節(jié)子挺有羈絆的，淺淺記錄一下吧-----------------------------------------------------Timeline：一面        2025-05-07    15-16    當(dāng)天17: 00 通過二面        2025-05-08    14-15    當(dāng)天15: 40 通過三面        2025-05-12    15-16    當(dāng)天20: 38 面掛[HR姐姐說一面二面面評(píng)不錯(cuò)，商業(yè)化CRM可以撈撈，換部門加一輪面試即可]四面        2025-05-13    17-18    當(dāng)天21: 31 面掛------------------------------------------------------一面面經(jīng)-5.7：1. 自我介紹2. 項(xiàng)目性質(zhì)：你提到的兩個(gè)項(xiàng)目是練手還是實(shí)際投入使用的呀？3. 問項(xiàng)目難點(diǎn)（1）說論壇的游客模式 => 問登陸&登陸態(tài)是怎么實(shí)現(xiàn)的登陸這塊是怎么做的？登陸態(tài)是怎么維護(hù)的？用戶刷新后仍然是登陸狀態(tài)，怎么判斷的？（判斷token是否存在）token存在哪里（localstorage里面）token有時(shí)效嗎？（三天半）你怎么判斷它過期的（jwt）你怎么使用jwt解析的?localstorage里面有時(shí)效嗎？（2）消息實(shí)時(shí)推送SSE（3）安全性優(yōu)化（加入csrf）追問：你可以詳細(xì)介紹一下CSRF嗎？你對(duì)別的攻擊方式了解嗎（回答了XSS、提到有分為存儲(chǔ)型XSS和反射型）追問存儲(chǔ)型和反射型區(qū)別4. 自己提到項(xiàng)目收獲和項(xiàng)目的開發(fā)流程5. 問怎么了解到的項(xiàng)目整體規(guī)范開發(fā)6. git開發(fā)工作流熟悉嗎？回答說對(duì)于分支流轉(zhuǎn)比較熟悉追問 git merge 和 git rebase的區(qū)別rebase使用有什么風(fēng)險(xiǎn) 如何規(guī)避風(fēng)險(xiǎn)：影響公共分支追問：怎么樣影響的公共分支面試官解釋：風(fēng)險(xiǎn)產(chǎn)生的本質(zhì)原因是git rebase 時(shí)候要強(qiáng)推（并且必須強(qiáng)推）7. 對(duì)axios封裝以及取消重復(fù)請(qǐng)求是怎么實(shí)現(xiàn)的？追問post請(qǐng)求的避免重復(fù)請(qǐng)求是怎么實(shí)現(xiàn)的，可以怎么優(yōu)化8. 節(jié)流防抖使用場(chǎng)景9. 圖片懶加載追問offsettop是元素距離誰(shuí)的追問只判斷offset整體位置可以嗎面試官補(bǔ)充offsettop定位的元素不一定是滾動(dòng)元素10. Vue2和Vue3的區(qū)別11. 問react項(xiàng)目經(jīng)驗(yàn)12. react hook的原理介紹一下追問hook使用有什么限制嗎13. useEffect和useLayout Effect區(qū)別14. 一道算法題: 比較版本號(hào)【一面面試官是個(gè)很溫柔的姐姐，提問循循善誘，引導(dǎo)型，面試整體體驗(yàn)很舒適（不敢想要是面過了，姐姐是mentor該有多幸福）】------------------------------------------------------二面面經(jīng)-5.8：1. 自我介紹 （改進(jìn)了下自我介紹，明顯感覺面試官很贊許【聽自我介紹的面試官不多見，感動(dòng)子】）2. 學(xué)校專業(yè)課學(xué)了哪些課程(自我介紹提到成績(jī)專業(yè)第一， 回答數(shù)據(jù)結(jié)構(gòu)、操作系統(tǒng)、計(jì)網(wǎng)、 電子技術(shù)基礎(chǔ)等)3. 什么情況下促使你去學(xué)習(xí)前端的 4. 問數(shù)據(jù)結(jié)構(gòu)問題：講一下數(shù)組和鏈表的區(qū)別 （說數(shù)組像整齊排列的房子、鏈表像一串手串云云）5. 講一下樹的遍歷和圖的遍歷 （答主有點(diǎn)學(xué)院派，問數(shù)據(jù)結(jié)構(gòu)問到點(diǎn)上了，爽）6從瀏覽器發(fā)起一個(gè)請(qǐng)求，到請(qǐng)求返回中的過程中，整個(gè)請(qǐng)求到響應(yīng)的路徑很多情況下都有緩存。盡可能把緩存說清楚，有哪些緩存（說了強(qiáng)制緩存和協(xié)商緩存）追問除了瀏覽器層面的強(qiáng)制緩存和協(xié)商緩存還有哪些緩存，提示如DNS、服務(wù)器緩存（講了DNS緩存， 自己補(bǔ)充講URL輸入到頁(yè)面呈現(xiàn)的過程）追問其他的緩存7. 你們做系統(tǒng)的靜態(tài)資源是托管在哪里的，是部署在服務(wù)器嗎（補(bǔ)充講項(xiàng)目開發(fā)流程， 這里搶問題了，應(yīng)該看面試官眼色讓他把緩存介紹一下）8. 做項(xiàng)目的初衷是什么9. post請(qǐng)求什么時(shí)候會(huì)出現(xiàn) 打印控制臺(tái)，post請(qǐng)求出現(xiàn)兩次的情況簡(jiǎn)單請(qǐng)求和復(fù)雜請(qǐng)求的區(qū)別options 請(qǐng)求遇到過嗎10. axios底層？，支持node嗎11. 講一下AJAX12. 算法題：扁平數(shù)組轉(zhuǎn)成樹形結(jié)構(gòu)問時(shí)間復(fù)雜度和空間復(fù)雜度13. 面試官小哥：我再來問你一些不相干的問題（以為可以開始扯閑話環(huán)節(jié)了，結(jié)果繼續(xù)問問題）Vue中編寫UI會(huì)使用 template 和 render，這兩者有什么區(qū)別嗎、有什么關(guān)系嗎追問：不進(jìn)行打包、編譯可以直接使用template語(yǔ)法嗎，render函數(shù)最終返回的是什么template最終會(huì)被編譯成render，這個(gè)編譯發(fā)生在什么時(shí)間?14. Vue-loader有什么作用(跟上一題有關(guān)系)15. 在webpack項(xiàng)目中自己隨便寫了一個(gè)a.abc文件，可以在js或ts文件中隨便引入嗎16. Vue中的nextTick，底層怎么實(shí)現(xiàn)的？17. 介紹一下瀏覽器中的微任務(wù)（自己擴(kuò)展說微任務(wù)和宏任務(wù)的區(qū)別、使用場(chǎng)景）反問環(huán)節(jié)：1. 反問面試官求職時(shí)的心理狀態(tài)、做了哪些準(zhǔn)備2. 反問面試官有什么技術(shù)方面的書推薦3. AI風(fēng)潮下，程序員的核心能力會(huì)發(fā)生轉(zhuǎn)變嗎？從業(yè)務(wù)能力向 AI使用 能力偏移【隔了一周多，編輯面經(jīng)還在感慨，二面面試官小哥真的很nice，面試節(jié)奏特別對(duì)。要反饋有反饋、要引導(dǎo)有引導(dǎo)，表示不懂的時(shí)候還會(huì)重新解釋問題，整場(chǎng)面試說說笑笑地進(jìn)行下來了，輕松愉悅（以至于復(fù)盤的時(shí)候才發(fā)現(xiàn)有的問題還是有點(diǎn)小難的?。┳詈蠓磫柇h(huán)節(jié)聊天也聊得很開心啊啊啊，要是二面小哥是組長(zhǎng)就好了...可惜沒有緣分。祝大家面大廠都遇到這樣的面試官（接好運(yùn)?。?-----------------------------------------------------三面面經(jīng)-5.12：1. 自我介紹2. js閉包內(nèi)存泄漏原因, 降低內(nèi)存泄漏風(fēng)險(xiǎn)的方法3. 自動(dòng)設(shè)置垃圾回收4. weakmap5. node.js：common.js和ES module 追問Common.js的緩存機(jī)制6. script的async和defer的區(qū)別async會(huì)阻塞后續(xù)dom嗎7. cookie存token和header存token有什么差別8. ES6裝飾器9. decorator裝飾器，普通函數(shù)不支持裝飾器的原因, 高階函數(shù)10. 回流重繪 怎么盡量降低影響（方法）11. TS枚舉和定義普通對(duì)象區(qū)別12. 普通枚舉和常量枚舉13. type 和 interface的區(qū)別14. ts類型斷言 兩種方式的區(qū)別15. HTTP2.0中的服務(wù)器推送有哪些應(yīng)用場(chǎng)景16. git相關(guān)的命令17. git pull 和 git fetch區(qū)別18. 本地分支做變更, 怎么辦（回答stash暫存）19. 算法題1const [a,b] = {a:1, b:1} 能正常運(yùn)行嗎?為什么封裝一個(gè)通用型的方法, 左右結(jié)構(gòu)不動(dòng), 成功解構(gòu)20. 算法題2大數(shù)相加21. 追問: 你有一個(gè)網(wǎng)站 包含了各種各樣的靜態(tài)資源, 你會(huì)怎么設(shè)置緩存策略-三面面試官應(yīng)該是leader，經(jīng)過我長(zhǎng)長(zhǎng)的自我介紹后，大手一揮說那我們開始吧！整場(chǎng)面試下來問題密度挺高的，苯人感覺自己答得也很不錯(cuò)，沒有卡殼的地方。leader大人也會(huì)給一些反饋，面試整體比較順暢~依舊是體驗(yàn)感不錯(cuò)的面試，但最后還是掛了。。。HR姐姐說面評(píng)反饋主要是算法題1思路有問題，應(yīng)該是用迭代器+溝通不夠簡(jiǎn)明有效得到結(jié)果后整個(gè)人都down了，非常難受哇非常......感覺像做了一場(chǎng)夢(mèng)，二面通過的時(shí)候覺得自己很lucky，好像離字節(jié)很近了，但是結(jié)果三面出結(jié)果又離得遠(yuǎn)遠(yuǎn)的了仔細(xì)復(fù)盤了一下覺得確實(shí)還可以語(yǔ)言更精煉一些回答問題，整體面試還很有收獲的。雖然沒過，但是感恩~------------------------------------------------------四面面經(jīng)-5.13：前半小時(shí)閑聊規(guī)劃、學(xué)習(xí)前端原因、項(xiàng)目（有點(diǎn)不太記得了）后面四道手寫題1. TS 泛型用法2. 寫出數(shù)組的10個(gè)方法（寫了十幾個(gè)，面試官問了幾個(gè)方法的用法）手寫實(shí)現(xiàn)一個(gè)reduce3. this指向4. 給二叉樹，輸出二叉樹每一層的最大節(jié)點(diǎn)- 算法題撕得不好，面得有點(diǎn)低氣壓。但是此 leader 挺活潑的哈哈哈，也會(huì)主動(dòng)給出一些提示（重生之部門leader親自教你寫算法）。面試結(jié)束后就知道g了，癱椅子上半小時(shí)沒說話，才收拾收拾去吃飯了和面評(píng)反饋的一樣，《可能太過緊張，心態(tài)會(huì)有點(diǎn)急促》。但是很感激面試官啊，哎哎哎這把確實(shí)沒緣分#?？虯I配圖神器#我是不會(huì)放棄面試字節(jié)的（我節(jié)孝子一定會(huì)回來的）

4.24 一面 約1h自我介紹問項(xiàng)目：響應(yīng)式怎么做的？模塊化怎么設(shè)計(jì)的？講一個(gè)難點(diǎn)？八股：Vue（因?yàn)槲业捻?xiàng)目用的Vue）：生命周期有哪些&用途？computed 和 watch 區(qū)別js：閉包？用途？事件循環(huán)是什么？你覺得為什么會(huì)有這個(gè)【一下子給我問住了】說一些數(shù)組原生方法如何判斷一個(gè)東西是數(shù)組const聲明一個(gè)對(duì)象，對(duì)象可以被修改嗎？解釋let const var 區(qū)別計(jì)網(wǎng)：TCP三次握手 & 四次揮手跨域解釋？我要跨域的話怎么辦【不會(huì)我只會(huì)怎么解決跨域】說一些 http 狀態(tài)碼css：display 有哪些屬性【只說出來none】display: none ...

部門：番茄小說實(shí)習(xí)&項(xiàng)目：狠狠拷打?qū)嵙?xí)八股：忘了手撕：1. leetcode原題2. 樹狀數(shù)組3. 并發(fā)控制，6個(gè)任務(wù)，最大并發(fā)數(shù)為24. leetcode原題5. 異步編程，控制Promise實(shí)現(xiàn)時(shí)間和順序6. 類似lazy man

三面給了口頭offer，許愿一切順利oc了發(fā)面經(jīng)