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

??面試公司：字節(jié)跳動??面試崗位：基礎(chǔ)架構(gòu)日常實(shí)習(xí)??面試問題：1.自我介紹2.如何隱藏html文件中的所有文字答:使用通配符font-sieze !improtant3.如果后面一個元素也有！important的話怎么辦呢答：用js修改，或者給body添加id4.有沒有什么更簡單的方法:答：不了解5.手寫一個輸入框，下面渲染聯(lián)想詞內(nèi)容6.手寫防抖7.處理輸入框聯(lián)想詞發(fā)送請求的時候各個請求反應(yīng)速度不同導(dǎo)致獲得的聯(lián)想詞不匹配的問題8.jwt和cookies驗(yàn)證用戶登錄狀態(tài)，這兩的原理和優(yōu)缺點(diǎn)9.有沒有用ai寫代碼(我感覺應(yīng)該答沒有要好一點(diǎn)，答的沒有)反問:1.對于后續(xù)的面試有什么建議 1...

一面 4.2??總時長:40min1.自我介紹2.實(shí)習(xí)過程中印象最深的事情3.開始挖項目，原生方法怎么獲取當(dāng)前時間，怎么獲取昨天此時此刻，不用組件庫的方法；如何給不同用戶設(shè)置不同權(quán)限；如何進(jìn)行紅包定位4.對數(shù)組熟悉的原生方法有哪些，forEach有幾個參數(shù)，什么作用，現(xiàn)場給了一個數(shù)組進(jìn)行遍歷5.跨域解釋，如何解決，舉了個例子6.輸入URL會發(fā)生什么7.重繪和回流8.promise實(shí)現(xiàn)一個sleep函數(shù)，等待兩秒打印結(jié)果，還沒寫完面試官就說可以了9.給了個const arr = [1,[2,3,[4,5,6],7],8,[9],[10]]，實(shí)現(xiàn)數(shù)組平鋪，面試官問我有思路嗎，剛好前幾天看到了，我是是數(shù)組扁平化，用flat，剛想寫，面試官說不用了，我問為啥，面試官說有思路肯定就會寫了其他想到再補(bǔ)充反問:1.一共幾面 三面2.多久出結(jié)果 面試官說今天下午，我說，咦，這都晚上了，面試官又說那是馬上出，讓我準(zhǔn)備準(zhǔn)備一個半小時后HR聯(lián)系約二面了二面 4.8??時長:60min1.http狀態(tài)2.SEO3.如何性能優(yōu)化4.抽象語法樹的原理5.宏任務(wù)和微任務(wù)原理6.事件循環(huán)機(jī)制原理7.緩存方式8.DOM綁定原理9.通信方式，eventbus實(shí)現(xiàn)原理10.如何保持?jǐn)?shù)據(jù)一致性代碼考核:1.var obj ={a:1,abc: function(){console.log(this.a}}obj.abc();const abc = obj.abcabc();后面又換成了箭頭函數(shù)讓說輸出2.try{const n = 1;setTimeout((）=> {n=2}，1000)} catch (e) {console.log(e)}檢查代碼錯誤的地方，const錯了，并說明catch能捕獲到異常嗎3.爬樓梯方法，動態(tài)規(guī)劃4.自己實(shí)現(xiàn)一個map,實(shí)現(xiàn)面試官所出的功能5.手寫發(fā)布訂閱模式很多八股問題沒聽懂，后面想到再補(bǔ)充。反問:1.部門業(yè)務(wù)2.改進(jìn)點(diǎn)3.幾面一個小時之后約三面了三面 4.11??時長:15min1.實(shí)習(xí)過程中有挑戰(zhàn)的事情，做過什么項目2.如何和產(chǎn)品經(jīng)理和后端溝通3.為什么選擇前端4.為什么選擇***大學(xué)5.遇到不會的問題怎么辦6.溝通出現(xiàn)矛盾怎么辦7.后端和算法了解嗎8.有其他公司在談嗎9.為什么選擇北京 為什么選擇字節(jié)跳動10.到崗時間 實(shí)習(xí)多久反問面試官是有點(diǎn)嚴(yán)肅的1.多久排序完 答:下周三timeline4.2 一面，當(dāng)晚約二面4.10二面，當(dāng)晚約三面4.11三面4.17 通知排序未過，又無緣字節(jié)了，好心酸#字節(jié)# #前端# #暑期實(shí)習(xí)#

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