## 一面 3.181. 自我介紹 2. ws協(xié)議理解，與http協(xié)議的區(qū)別3. 心跳機(jī)制的實(shí)現(xiàn)4. 技術(shù)難點(diǎn)5. vue生命周期理解6. vue組件通信7. vuer3與vue2的區(qū)別8. 構(gòu)建工具，vite與webpack的理解，區(qū)別9. 前端與ai的理解、思考10. 性能優(yōu)化11. 響應(yīng)式布局實(shí)現(xiàn)12. local storage與session storage區(qū)別13. ts理解，優(yōu)缺點(diǎn)14. interface與class類(lèi)型的區(qū)別15. http狀態(tài)碼16. https介紹，與http差別17. 手撕    - 千分位    - 爬樓梯    - 解構(gòu)賦值交換ab值18. 反問(wèn)## 二面 3.211. 自我介紹2. 項(xiàng)目拷打3. 流式數(shù)據(jù)解析、流式數(shù)據(jù)輸出規(guī)范4. 用過(guò)的大模型，自己的想法、理解5. 有自己搭過(guò)本地知識(shí)庫(kù)嗎，檢索原理（rag？如何實(shí)現(xiàn)6. 本地文件上傳到知識(shí)庫(kù)過(guò)程7. sse與ws區(qū)別8. leaflet原理（canvas、webgl理解9. 服務(wù)端渲染與客戶(hù)端渲染的區(qū)別10. git回滾（reset與reverse區(qū)別，哪個(gè)更好11. git合并（merge與rebase區(qū)別12. redis了解、為什么redis更快13. 網(wǎng)絡(luò) 性能優(yōu)化手段14. 反問(wèn)

1、講一講防抖截流2、講完了直接寫(xiě)了一下防抖截流函數(shù)的代碼3、再寫(xiě)一些你最擅長(zhǎng)的排序方法（寫(xiě)的快排）4、講一講cookie、localstorage和sessionstorage的區(qū)別5、cookie可以放什么信息6、瀏覽器的同源策略7、跨域的解決方案8、講一講Sass9、講一講position有哪些屬性10、sticky可以說(shuō)結(jié)合前面幾種中哪兩種屬性的特點(diǎn)11、講一講內(nèi)聯(lián)元素和塊元素的區(qū)別12、如何實(shí)現(xiàn)元素水平垂直居中13、set、map和普通對(duì)象的區(qū)別14、講一講Symbol類(lèi)型15、講一講TypeScript中如何定義全局的interface16、講一講深拷貝和淺拷貝17、 vue中如何...

##實(shí)習(xí)進(jìn)度記錄# ##騰訊前端面經(jīng)# 1. 一面4.15 1h雙方自我介紹為什么學(xué)前端怎么學(xué)前端的，學(xué)多長(zhǎng)時(shí)間了跨域XSS, CSRFTLS握手過(guò)程HTTPS安全嗎webassemblyts頁(yè)面很卡怎么排查項(xiàng)目相關(guān). .. 面試官：項(xiàng)目2后端數(shù)據(jù)怎么組織的? 我：您是要問(wèn)數(shù)據(jù)庫(kù)的設(shè)計(jì)嗎？面試官：哦，用了數(shù)據(jù)庫(kù)是吧，說(shuō)一下關(guān)系型非關(guān)系型用過(guò)哪些，使用場(chǎng)景分包怎么配置的？?jī)?yōu)化數(shù)值怎么來(lái)的？vite esbuild rollup項(xiàng)目技術(shù)棧那一行寫(xiě)的后端springboot，問(wèn)：后端是用什么寫(xiě)的?node嗎？用的js還是ts?ts。用的vue幾?3，vue2 3區(qū)別項(xiàng)目上線(xiàn)了嗎？還是說(shuō)只是練習(xí)的?項(xiàng)目跨域怎么配置的?其他的忘了代碼題：版本號(hào)比較對(duì)象比較反問(wèn)：業(yè)務(wù)：qq小游戲還有幾面：2到3本來(lái)還想問(wèn)一下表現(xiàn)怎么樣，面試官主動(dòng)byebye了幾分鐘后已過(guò)非科轉(zhuǎn)碼第一面一定會(huì)越來(lái)越好的——————————分割線(xiàn)——————————2.  二面4. 16 37min自我介紹項(xiàng)目?jī)?yōu)化的值怎么算出來(lái)的分包怎么做的項(xiàng)目是實(shí)驗(yàn)室的還是實(shí)習(xí)的嗎？個(gè)人的(減分?)大文件分片，雙token，優(yōu)化，cookie和jwt有個(gè)js動(dòng)態(tài)添加的button，現(xiàn)在沒(méi)了，怎么排查三個(gè)函數(shù)，a調(diào)c，b調(diào)c，c里面怎么知道是哪個(gè)調(diào)的它輸入框，用戶(hù)只能看不能輸入，多種方法事件冒泡捕獲口述快排閑聊：哪里人為什么從大老遠(yuǎn)來(lái)廣東上學(xué)職業(yè)規(guī)劃優(yōu)點(diǎn)和缺點(diǎn)無(wú)手撕其余的忘了反問(wèn)：業(yè)務(wù)實(shí)習(xí)生的要求什么時(shí)候出結(jié)果對(duì)非科的建議感覺(jué)kpi，要止步于此了嗎50min后更新，過(guò)了可能還是面試官的風(fēng)格不同，——————————分割線(xiàn)——————————3. 三面4.17 37min沒(méi)開(kāi)攝像頭，時(shí)間也短，又要止步于此了嗎介紹怎么學(xué)前端的，學(xué)了哪些選一個(gè)項(xiàng)目介紹，小組分工、怎么實(shí)現(xiàn)的、怎么解決問(wèn)題的八股一個(gè)沒(méi)問(wèn)代碼題：找出數(shù)組中出現(xiàn)兩次的數(shù)，除了map。其時(shí)間復(fù)雜度O(n)和不用額外空間的方法思考題：路口30min內(nèi)有車(chē)通過(guò)的概率是90%，5min內(nèi)有車(chē)通過(guò)的概率是多少反問(wèn)：業(yè)務(wù)：我們是一個(gè)互聯(lián)網(wǎng)公司，做的也是互聯(lián)網(wǎng)相關(guān)的業(yè)務(wù)。？？？建議：學(xué)個(gè)人技能提到的前端相關(guān)的技術(shù)。？？？上下班時(shí)間：無(wú)打卡，早10，晚6-9實(shí)習(xí)生相關(guān)：暑期、有導(dǎo)師帶、轉(zhuǎn)正HC還不知道6h后更新，已過(guò)還剩兩面——————————分割線(xiàn)——————————4. 四面4. 23 30min自我介紹虛擬DOMVue23的diff移動(dòng)端和PC端需要注意的項(xiàng)目：登錄怎么做的，密碼傳輸文件上傳和儲(chǔ)存SDK怎么做的，怎么用，怎么上報(bào)，性能指標(biāo)怎么算，分工規(guī)劃反問(wèn)：技術(shù)棧：Vue23、js，和原生應(yīng)用交互建議：多去想為什么——————————分割線(xiàn)——————————5. HR面4. 24 20min介紹說(shuō)本來(lái)想問(wèn)我專(zhuān)業(yè)相關(guān)的，為什么換方向，既然我在介紹中說(shuō)了，就不問(wèn)了項(xiàng)目分工負(fù)責(zé)哪部分遇到哪些困難小組溝通有沒(méi)有其他流程對(duì)實(shí)習(xí)的期望實(shí)習(xí)時(shí)間錄評(píng)了，說(shuō)五一之前給結(jié)果，許個(gè)愿——————————分割線(xiàn)——————————4. 27 已OC詠鵝有鵝選鵝，無(wú)鵝延畢，明年再鵝，延畢還無(wú)，建議讀碩，畢業(yè)再鵝，無(wú)鵝延畢，明年再鵝，若再無(wú)鵝，建議讀博，畢業(yè)再鵝，無(wú)鵝延畢，明年再鵝，延畢還無(wú)，博后可讀，出站再鵝，若再無(wú)鵝，入校拼搏，評(píng)上教授，還能再鵝。

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