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

time：一個小時四十分鐘 自我介紹 pnpm 和 npm 有什么區(qū)別，和npm對比的話有什么優(yōu)勢？ 硬鏈接和軟鏈接的區(qū)別是什么？硬鏈接的優(yōu)勢是什么？ 首屏優(yōu)化思路 瀏覽器緩存靜態(tài)資源的機制？ 有哪些HTTP請求頭在緩存中可能會用到？ 場景題：如果有大量的圖片應(yīng)該如何設(shè)置相應(yīng)的緩存策略？ WebSocket深度拷打 WebSocket 和長輪詢、gRPC Streaming、SSE 的區(qū)別是什么？ WebSocket 有什么好處？ （提到了資源占用）場景題：當客戶端設(shè)備需要和多個服務(wù)器實例建立連接， 場景題：如何完成事件廣播？服務(wù)端一個emit如何讓所有客戶端都接受到？服務(wù)端如果連接了多個...

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

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