這個(gè)文章順序和時(shí)間是相反的，是從時(shí)間最近的到時(shí)間最遠(yuǎn)的。淘天搜推首先給淘天的筆試跪了 面試官人很好，氛圍其實(shí)挺輕松，但是把每個(gè)項(xiàng)目、實(shí)習(xí)內(nèi)容全都問(wèn)了一遍，還讓共享屏幕運(yùn)行一下。讓介紹印象深刻的點(diǎn)，但是細(xì)拷得不深。問(wèn)了一些項(xiàng)目整體設(shè)計(jì)（架構(gòu)？）的想法。1、原型和原型鏈，為什么要有原型2、閉包，為什么要有閉包3、說(shuō)說(shuō)內(nèi)存泄漏，怎么排查內(nèi)存泄漏4、想問(wèn)react，但是我沒(méi)用過(guò)，講了一下自己了解過(guò)的react理念5、vue的性能優(yōu)化。vue的工作原理。diff怎么工作的。響應(yīng)式怎么實(shí)現(xiàn)的。6、盒子模型7、BFC8、垂直水平居中9、css怎么實(shí)現(xiàn)動(dòng)畫(huà)10、http，get和post的區(qū)別11、安全方面，防范xxs，csrf攻擊手撕：數(shù)組轉(zhuǎn)樹(shù)反問(wèn)：講了一些toc動(dòng)畫(huà)方向的內(nèi)容，視覺(jué)效果，小程序小游戲。可以鞏固一下軟件工程方面的知識(shí)，怎么去架構(gòu)一個(gè)軟件，怎么拆分組件，接口怎么互動(dòng)。項(xiàng)目管理的知識(shí)？界面背后的業(yè)務(wù)和需求，可能也要去了解。ai對(duì)初級(jí)人員有挑戰(zhàn)，但是還是要擁抱ai。騰訊4 oc timeline3.10 一面3.12 二面3.17hr面3.19oc騰訊四進(jìn)宮，第三個(gè)部門(mén)掛了之后秒被第四個(gè)撈了起來(lái)，而且進(jìn)度推得很快，真的感恩，從今天開(kāi)始本人會(huì)日行一善，每天學(xué)習(xí)。感恩，以后ai只用元寶，聽(tīng)歌只聽(tīng)qq音樂(lè)，在線文檔只用騰訊文檔，追劇只用騰訊視頻，聊天只用微信騰訊4-3很正式略嚴(yán)肅地面了半個(gè)小時(shí)1、確認(rèn)基礎(chǔ)信息和未來(lái)規(guī)劃，到崗時(shí)間，手頭offer2、你了解我們部門(mén)是做什么的嗎3、說(shuō)說(shuō)你的項(xiàng)目經(jīng)歷4、在這些項(xiàng)目過(guò)程中，主要的合作方是誰(shuí)，是你一個(gè)人去獨(dú)立完成的這些項(xiàng)目嗎？5、在這些小組合作過(guò)程中，有沒(méi)有遇到一件不一致或者沖突的場(chǎng)景6、有小組同學(xué)不配合的情況你是怎么處理的7、如果從開(kāi)始的時(shí)間點(diǎn)再來(lái)一次，你作為小組的負(fù)責(zé)人再做一次你覺(jué)得會(huì)有什么不一樣嗎8、那你總結(jié)一下你剛才提到的項(xiàng)目里，未來(lái)對(duì)你來(lái)實(shí)習(xí)，你覺(jué)得有什么優(yōu)勢(shì)和不足9、在上一段實(shí)習(xí)中你的獨(dú)立貢獻(xiàn)是什么10、你怎么評(píng)價(jià)你這邊實(shí)習(xí)的產(chǎn)出成果，十分給自己打幾分11、包括這次的暑期實(shí)習(xí)以及未來(lái)工作的方向，你是怎么規(guī)劃自己畢業(yè)之后的發(fā)展路徑的12、tx和你之前實(shí)習(xí)公司的體量有一些gap，你覺(jué)得到時(shí)候來(lái)可能會(huì)碰到哪些挑戰(zhàn)，你現(xiàn)在是怎么去準(zhǔn)備應(yīng)對(duì)的13、介紹一下自己和其他候選人相比，有什么優(yōu)勢(shì)，缺點(diǎn)也可以分享一下騰訊4-2小哥哥love，一直鼓勵(lì)我，場(chǎng)景題說(shuō)思路還會(huì)繼續(xù)引導(dǎo)到最后說(shuō)出來(lái)1、文檔流是什么。常見(jiàn)的文檔流2、塊級(jí)元素、行內(nèi)元素3、脫離文檔流4、absolute和fixed5、重繪和重排6、怎么減少重排7、promise的api8、promise.all和allsettled9、箭頭函數(shù)10、計(jì)算屬性和watch11、vue2和vue3的區(qū)別12、響應(yīng)式原理和diff算法13、瀏覽器本地緩存14、怎么實(shí)現(xiàn)懶加載和無(wú)限滾動(dòng)的15、防抖和節(jié)流的區(qū)別16、虛擬列表。怎么做。不定高度的虛擬列表怎么做：拿到元素的寬高繼續(xù)計(jì)算17、組件庫(kù)select有沒(méi)有了解到被父層級(jí)遮擋，antd。有個(gè)屬性。把div掛載在body上。18、性能優(yōu)化怎么做的。順帶問(wèn)了defer和async。js依賴怎么順序加載。19、大學(xué)里最有成就感的一件事20、為什么選擇前端21、AI對(duì)前端學(xué)習(xí)有什么改變反問(wèn)：用到的庫(kù)可以去了解它的底層實(shí)現(xiàn)，遇到性能問(wèn)題可以去看底層的實(shí)現(xiàn)，構(gòu)建工具比如vite的熱加載，各個(gè)底層的實(shí)現(xiàn)，攔截和實(shí)施。可以利用AI去學(xué)習(xí)。騰訊4-1運(yùn)營(yíng)管理小姐姐love，不會(huì)的會(huì)告訴我答案，還幫我分析了一下項(xiàng)目里我困惑的點(diǎn)1、變量聲明。一般怎么選擇let和const2、事件冒泡和事件捕獲。舉例子說(shuō)一下。事件委托。3、promise的狀態(tài)。之間有什么關(guān)系。有什么用4、async/await和promise的聯(lián)系5、html5中的語(yǔ)義化標(biāo)簽6、canvas和svg。svg和普通的圖片格式有什么不同，一般用svg來(lái)做什么7、img的屬性8、圖像的大小，響應(yīng)式怎么設(shè)計(jì)。rem參考的是誰(shuí)。%參考的是誰(shuí)9、表單用到哪些組件，怎么進(jìn)行表單驗(yàn)證。10、郵箱怎么驗(yàn)證，@后除了郵箱域名還可能有ip，端口11、說(shuō)一下position常用的字段，默認(rèn)的是什么，有什么區(qū)別12、css有哪些選擇器，他們的優(yōu)先級(jí)是什么13、想通過(guò)css選擇器取選擇一個(gè)類下面的子元素，通配符14、grid布局。15、flex布局，詳細(xì)16、瀏覽器的渲染原理17、同源策略，有什么作用。怎么做跨域。怎樣算同源18、數(shù)據(jù)結(jié)構(gòu)：數(shù)組和鏈表，隊(duì)列和棧19、最有成就感的項(xiàng)目拷打項(xiàng)目20、怎么看渲染時(shí)間，有什么指標(biāo)去觀測(cè)。圖片優(yōu)化策略。說(shuō)到預(yù)加載，瀏覽器有空閑資源的時(shí)候去加載。21、封裝了表單組件。22、批量導(dǎo)入用戶顯示在表格23、為什么要做組件庫(kù)24、組件庫(kù)的技術(shù)選型25、單元測(cè)試端到端測(cè)試26、crud項(xiàng)目遇到的問(wèn)題。keep-alive不需要緩存導(dǎo)航欄。手撕：最長(zhǎng)不重復(fù)字符反問(wèn)：多總結(jié)蝦皮先拷項(xiàng)目，然后拷場(chǎng)景，八股也拷，手寫(xiě)也拷，沒(méi)問(wèn)幾道題但是一直往下問(wèn)手寫(xiě)：兩列布局、取對(duì)象的嵌套值1、什么時(shí)候接觸前端的，什么機(jī)會(huì)基礎(chǔ)的，怎么去學(xué)習(xí)前端的。知識(shí)框架怎么建立的什么形式，開(kāi)源代碼看過(guò)什么，公眾號(hào)前沿的技術(shù)，有沒(méi)有自己實(shí)現(xiàn)過(guò)2、項(xiàng)目中技術(shù)上比較有難度的地方。圖片的預(yù)加載。用這個(gè)有作用嗎3、修復(fù)過(guò)印象比較深刻的bug4、輸入一個(gè)url的過(guò)程，解析文檔時(shí)遇到css,js的問(wèn)題5、this指向題反問(wèn)：看別人寫(xiě)的一些文章，去了解主流技術(shù)，多寫(xiě)代碼騰訊3金融，騰訊三進(jìn)宮，已把騰訊撈面試當(dāng)成面試訓(xùn)練手撕：url解析字符串、并行串行、promise.all1、問(wèn)實(shí)習(xí)做了什么2、解決了哪些bug印象深刻，表現(xiàn)的是什么問(wèn)題，具體是怎么解決，什么列順序不存到后臺(tái)3、首屏性能優(yōu)化（組件懶加載是怎么實(shí)現(xiàn)的，動(dòng)態(tài)優(yōu)化，有沒(méi)有了解過(guò)webpack是怎么分析文件依賴的，常用的webpack配置）4、表單的數(shù)據(jù)綁定，v-model，vue2怎么處理新增的屬性響應(yīng)式5、響應(yīng)式原理6、diff算法7、表單的增減可以怎么實(shí)現(xiàn)8、diff算法，在v-for里使用v-if會(huì)有什么問(wèn)題的過(guò)程9、http和https的差異，對(duì)稱算法和非對(duì)稱算法，交換密鑰的過(guò)程10、實(shí)習(xí)中遇到的最困難的事情反問(wèn)：要建立框架，知識(shí)方面的，要有一個(gè)知識(shí)路線去學(xué)習(xí)，而不止是實(shí)踐經(jīng)驗(yàn)，實(shí)踐之后要往下深挖一點(diǎn)網(wǎng)易雷火面試官好好，小姐姐love，平易近人親切溫柔。1、叫自我介紹直接開(kāi)始介紹項(xiàng)目2、性能優(yōu)化怎么做的3、首屏優(yōu)化有什么方案思路，講講能想到的問(wèn)題，和解決問(wèn)題的思路4、說(shuō)說(shuō)懶加載和虛擬列表的區(qū)別，會(huì)沖突嗎，原理5、說(shuō)說(shuō)vue2和vue3的區(qū)別，diff算法更新了什么6、css畫(huà)三角形7、怎么清除浮動(dòng)8、介紹一下flex布局有沒(méi)有用過(guò)figma9、說(shuō)說(shuō)webpack和vite10、怎么原生實(shí)現(xiàn)無(wú)限滾動(dòng)11、說(shuō)說(shuō)重排和重繪12、組件庫(kù)里說(shuō)說(shuō)對(duì)組件有沒(méi)有自己的一些設(shè)計(jì)，和業(yè)界的實(shí)現(xiàn)有什么不同13、eslint做了什么，自己實(shí)踐中感覺(jué)到它有什么幫助14、怎么學(xué)習(xí)前端的反問(wèn)：介紹部門(mén)，介紹技術(shù)棧，基礎(chǔ)不是很牢固，要建立自己的知識(shí)體系。附一則之前寫(xiě)的發(fā)瘋文學(xué)：每次面完都好想似，整理完面經(jīng)然后看著自己的玩具項(xiàng)目，簡(jiǎn)歷上還要編成花，和面試官大眼瞪小眼，講完面試官問(wèn)我沒(méi)了嗎就這些嗎，打哈哈尷尬地笑笑而過(guò)，面完自己哄自己找時(shí)間把項(xiàng)目的難點(diǎn)做了吧不要再自己亂編了。事實(shí)上一手抓八股一手抓手撕一手抓項(xiàng)目根本抓不住時(shí)間。也是清楚自己的能力的，這里做一點(diǎn)那里做一點(diǎn)然后就開(kāi)始莫名其妙地祈禱。微微改動(dòng)簡(jiǎn)歷去一堆海投官網(wǎng)更新，結(jié)果看到紅紅的簡(jiǎn)歷篩選不通過(guò)，就這樣無(wú)力嘆息然后去主頁(yè)重新搜一個(gè)崗位。好想穿越到大一大二把不愛(ài)做算法不愛(ài)動(dòng)腦的自己一拳錘似，以為背題真能背出來(lái)嗎。面完還要哄自己還不趕緊做題練習(xí)，想想大不了全部都為秋招練手，再大不了還有春招呢，想到這感覺(jué)自己能有這種想法真是這輩子都有了?？粗^(guò)不了的大廠面試邀約就這樣露出苦笑。面試完想著玩玩手機(jī)吧，刷到?jīng)]見(jiàn)過(guò)的八股文不管了明天再看吧，刷到別人oc的timeline好強(qiáng)祝福接好運(yùn)，再刷到一篇對(duì)前端的調(diào)侃啊哈哈哈哈真是天都塌了。寒假不急現(xiàn)在急了吧哈哈哈，，這都是我應(yīng)得的呀哈哈哈。其實(shí)也沒(méi)有，就這樣發(fā)牢騷然后恨自己不爭(zhēng)氣，回去再慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢地準(zhǔn)備。#前端# #面試# #面經(jīng)# #騰訊# #蝦皮# #網(wǎng)易# #淘天# #前端面試#