上課，接到hr電話，說是字節(jié)跳動(dòng)，高興壞了（一開始以為是騙子，沒想到真發(fā)郵箱了）…1.簡單自我介紹。2.問了一些項(xiàng)目中比較難實(shí)現(xiàn)的前端元素（我答的是主題切換）。3.vue組建的渲染原理。4.虛擬dom的好處。5.一個(gè)元素想要不響應(yīng)點(diǎn)擊時(shí)間如何做這個(gè)問題問了很久，面試官人也很好，讓我先答事件傳播機(jī)制，一步一步引導(dǎo)我去回答6.js中數(shù)組和set的區(qū)別。7.隊(duì)列和棧的區(qū)別，什么時(shí)候會(huì)用到棧。8.進(jìn)程，線程，攜程的區(qū)別。9. 項(xiàng)目里兩個(gè)進(jìn)程一個(gè)出現(xiàn)死循環(huán)，會(huì)影響另一個(gè)進(jìn)程嗎。10.http和https的區(qū)別，以及與各個(gè)版本之間的區(qū)別。11.js的箭頭函數(shù)的this指向什么。12.css隱藏元素的方式。13.開發(fā)過程中，前端出現(xiàn)白屏的原因，以及如何解決，主要是結(jié)合項(xiàng)目去回答。14.為什么會(huì)有跨域協(xié)議，腳本攻擊跨域的例子。16.redis的過期策略。17.redis和mysql的區(qū)別。18.異步和同步的區(qū)別，異步的使用場景。19.接下來就是做題階段實(shí)現(xiàn)字符串反轉(zhuǎn)，實(shí)現(xiàn)一個(gè)二分查找最后一道比較難，是一個(gè)給了一段js代碼，寫出執(zhí)行結(jié)果，主要是異步同步紅任務(wù)和微任務(wù)那些…感覺良好，一個(gè)小時(shí)后就收到了二面的通知

1) 自我介紹2) 做過前端嗎？3) Tcp三次握手4) 如果只有兩次握手怎么辦5) tcp四次揮手，第二次揮手后服務(wù)端進(jìn)入什么狀態(tài)6) 在瀏覽器輸入網(wǎng)址到頁面展示內(nèi)容，中間發(fā)生了什么7) https與http的請求8) https的握手方式9) https有用到過嗎？https的默認(rèn)端口，http默認(rèn)端口10) 狀態(tài)碼有幾類11) 狀態(tài)碼細(xì)錘：用戶沒有權(quán)限、服務(wù)器超時(shí)12) 實(shí)習(xí)拷打13) 反問

========發(fā)面經(jīng)積攢好運(yùn)======#牛客AI配圖神器#1. 之前實(shí)習(xí)過程中遇到的問題2. React 中使用 setState 時(shí)它是同步的還是異步的？3.之前使用的 react 是哪個(gè)版本，你知道最新的 react 版本到多少了嗎，說一下這幾個(gè)版本都出什么新特性了4.項(xiàng)目相關(guān)，拷打的比較多5.項(xiàng)目了聊到了service work6.之前那個(gè)公司開發(fā)時(shí)的瀏覽器內(nèi)核用的哪個(gè)？=========手撕==========7.實(shí)現(xiàn)LazyMan8.給一段代碼糾錯(cuò)，口述即可沒怎么問八股，全程都在拷打?qū)嵙?xí)項(xiàng)目，后面給了兩道題也都不難，一共 45min#面經(jīng)##字節(jié)一面#

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