這個(gè)文章順序和時(shí)間是相反的，是從時(shí)間最近的到時(shí)間最遠(yuǎn)的。

淘天
搜推
首先給淘天的筆試跪了 面試官人很好，氛圍其實(shí)挺輕松，但是把每個(gè)項(xiàng)目、實(shí)習(xí)內(nèi)容全都問了一遍，還讓共享屏幕運(yùn)行一下。讓介紹印象深刻的點(diǎn)，但是細(xì)拷得不深。問了一些項(xiàng)目整體設(shè)計(jì)（架構(gòu)？）的想法。
1、原型和原型鏈，為什么要有原型
2、閉包，為什么要有閉包
3、說說內(nèi)存泄漏，怎么排查內(nèi)存泄漏
4、想問react，但是我沒用過，講了一下自己了解過的react理念
5、vue的性能優(yōu)化。vue的工作原理。diff怎么工作的。響應(yīng)式怎么實(shí)現(xiàn)的。
6、盒子模型
7、BFC
8、垂直水平居中
9、css怎么實(shí)現(xiàn)動(dòng)畫
10、http，get和post的區(qū)別
11、安全方面，防范xxs，csrf攻擊
手撕：數(shù)組轉(zhuǎn)樹
反問：講了一些toc動(dòng)畫方向的內(nèi)容，視覺效果，小程序小游戲。可以鞏固一下軟件工程方面的知識(shí)，怎么去架構(gòu)一個(gè)軟件，怎么拆分組件，接口怎么互動(dòng)。項(xiàng)目管理的知識(shí)？界面背后的業(yè)務(wù)和需求，可能也要去了解。ai對(duì)初級(jí)人員有挑戰(zhàn)，但是還是要擁抱ai。

騰訊4 oc timeline
3.10 一面
3.12 二面
3.17hr面
3.19oc
騰訊四進(jìn)宮，第三個(gè)部門掛了之后秒被第四個(gè)撈了起來，而且進(jìn)度推得很快，真的感恩，從今天開始本人會(huì)日行一善，每天學(xué)習(xí)。感恩，以后ai只用元寶，聽歌只聽qq音樂，在線文檔只用騰訊文檔，追劇只用騰訊視頻，聊天只用微信

騰訊4-3
很正式略嚴(yán)肅地面了半個(gè)小時(shí)
1、確認(rèn)基礎(chǔ)信息和未來規(guī)劃，到崗時(shí)間，手頭offer
2、你了解我們部門是做什么的嗎
3、說說你的項(xiàng)目經(jīng)歷
4、在這些項(xiàng)目過程中，主要的合作方是誰，是你一個(gè)人去獨(dú)立完成的這些項(xiàng)目嗎？
5、在這些小組合作過程中，有沒有遇到一件不一致或者沖突的場(chǎng)景
6、有小組同學(xué)不配合的情況你是怎么處理的
7、如果從開始的時(shí)間點(diǎn)再來一次，你作為小組的負(fù)責(zé)人再做一次你覺得會(huì)有什么不一樣嗎
8、那你總結(jié)一下你剛才提到的項(xiàng)目里，未來對(duì)你來實(shí)習(xí)，你覺得有什么優(yōu)勢(shì)和不足
9、在上一段實(shí)習(xí)中你的獨(dú)立貢獻(xiàn)是什么
10、你怎么評(píng)價(jià)你這邊實(shí)習(xí)的產(chǎn)出成果，十分給自己打幾分
11、包括這次的暑期實(shí)習(xí)以及未來工作的方向，你是怎么規(guī)劃自己畢業(yè)之后的發(fā)展路徑的
12、tx和你之前實(shí)習(xí)公司的體量有一些gap，你覺得到時(shí)候來可能會(huì)碰到哪些挑戰(zhàn)，你現(xiàn)在是怎么去準(zhǔn)備應(yīng)對(duì)的
13、介紹一下自己和其他候選人相比，有什么優(yōu)勢(shì)，缺點(diǎn)也可以分享一下

騰訊4-2
小哥哥love，一直鼓勵(lì)我，場(chǎng)景題說思路還會(huì)繼續(xù)引導(dǎo)到最后說出來
1、文檔流是什么。常見的文檔流
2、塊級(jí)元素、行內(nèi)元素
3、脫離文檔流
4、absolute和fixed
5、重繪和重排
6、怎么減少重排
7、promise的api
8、promise.all和allsettled
9、箭頭函數(shù)
10、計(jì)算屬性和watch
11、vue2和vue3的區(qū)別
12、響應(yīng)式原理和diff算法
13、瀏覽器本地緩存
14、怎么實(shí)現(xiàn)懶加載和無限滾動(dòng)的
15、防抖和節(jié)流的區(qū)別
16、虛擬列表。怎么做。不定高度的虛擬列表怎么做：拿到元素的寬高繼續(xù)計(jì)算
17、組件庫select有沒有了解到被父層級(jí)遮擋，antd。有個(gè)屬性。把div掛載在body上。
18、性能優(yōu)化怎么做的。順帶問了defer和async。js依賴怎么順序加載。
19、大學(xué)里最有成就感的一件事
20、為什么選擇前端
21、AI對(duì)前端學(xué)習(xí)有什么改變
反問：用到的庫可以去了解它的底層實(shí)現(xiàn)，遇到性能問題可以去看底層的實(shí)現(xiàn)，構(gòu)建工具比如vite的熱加載，各個(gè)底層的實(shí)現(xiàn)，攔截和實(shí)施。可以利用AI去學(xué)習(xí)。

騰訊4-1
運(yùn)營管理
小姐姐love，不會(huì)的會(huì)告訴我答案，還幫我分析了一下項(xiàng)目里我困惑的點(diǎn)
1、變量聲明。一般怎么選擇let和const
2、事件冒泡和事件捕獲。舉例子說一下。事件委托。
3、promise的狀態(tài)。之間有什么關(guān)系。有什么用
4、async/await和promise的聯(lián)系
5、html5中的語義化標(biāo)簽
6、canvas和svg。svg和普通的圖片格式有什么不同，一般用svg來做什么
7、img的屬性
8、圖像的大小，響應(yīng)式怎么設(shè)計(jì)。rem參考的是誰。%參考的是誰
9、表單用到哪些組件，怎么進(jìn)行表單驗(yàn)證。
10、郵箱怎么驗(yàn)證，@后除了郵箱域名還可能有ip，端口
11、說一下position常用的字段，默認(rèn)的是什么，有什么區(qū)別
12、css有哪些選擇器，他們的優(yōu)先級(jí)是什么
13、想通過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)化策略。說到預(yù)加載，瀏覽器有空閑資源的時(shí)候去加載。
21、封裝了表單組件。
22、批量導(dǎo)入用戶顯示在表格
23、為什么要做組件庫
24、組件庫的技術(shù)選型
25、單元測(cè)試端到端測(cè)試
26、crud項(xiàng)目遇到的問題。keep-alive不需要緩存導(dǎo)航欄。
手撕：最長不重復(fù)字符
反問：多總結(jié)

蝦皮
先拷項(xiàng)目，然后拷場(chǎng)景，八股也拷，手寫也拷，沒問幾道題但是一直往下問
手寫：兩列布局、取對(duì)象的嵌套值
1、什么時(shí)候接觸前端的，什么機(jī)會(huì)基礎(chǔ)的，怎么去學(xué)習(xí)前端的。知識(shí)框架怎么建立的什么形式，開源代碼看過什么，公眾號(hào)前沿的技術(shù)，有沒有自己實(shí)現(xiàn)過
2、項(xiàng)目中技術(shù)上比較有難度的地方。圖片的預(yù)加載。用這個(gè)有作用嗎
3、修復(fù)過印象比較深刻的bug
4、輸入一個(gè)url的過程，解析文檔時(shí)遇到css,js的問題
5、this指向題
反問：看別人寫的一些文章，去了解主流技術(shù)，多寫代碼

騰訊3
金融，騰訊三進(jìn)宮，已把騰訊撈面試當(dāng)成面試訓(xùn)練
手撕：url解析字符串、并行串行、promise.all
1、問實(shí)習(xí)做了什么
2、解決了哪些bug印象深刻，表現(xiàn)的是什么問題，具體是怎么解決，什么列順序不存到后臺(tái)
3、首屏性能優(yōu)化（組件懶加載是怎么實(shí)現(xiàn)的，動(dòng)態(tài)優(yōu)化，有沒有了解過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ì)有什么問題的過程
9、http和https的差異，對(duì)稱算法和非對(duì)稱算法，交換密鑰的過程
10、實(shí)習(xí)中遇到的最困難的事情
反問：要建立框架，知識(shí)方面的，要有一個(gè)知識(shí)路線去學(xué)習(xí)，而不止是實(shí)踐經(jīng)驗(yàn)，實(shí)踐之后要往下深挖一點(diǎn)

網(wǎng)易
雷火
面試官好好，小姐姐love，平易近人親切溫柔。
1、叫自我介紹直接開始介紹項(xiàng)目
2、性能優(yōu)化怎么做的
3、首屏優(yōu)化有什么方案思路，講講能想到的問題，和解決問題的思路
4、說說懶加載和虛擬列表的區(qū)別，會(huì)沖突嗎，原理
5、說說vue2和vue3的區(qū)別，diff算法更新了什么
6、css畫三角形
7、怎么清除浮動(dòng)
8、介紹一下flex布局
有沒有用過figma
9、說說webpack和vite
10、怎么原生實(shí)現(xiàn)無限滾動(dòng)
11、說說重排和重繪
12、組件庫里說說對(duì)組件有沒有自己的一些設(shè)計(jì)，和業(yè)界的實(shí)現(xiàn)有什么不同
13、eslint做了什么，自己實(shí)踐中感覺到它有什么幫助
14、怎么學(xué)習(xí)前端的
反問：介紹部門，介紹技術(shù)棧，基礎(chǔ)不是很牢固，要建立自己的知識(shí)體系。

附一則之前寫的發(fā)瘋文學(xué)：
每次面完都好想似，整理完面經(jīng)然后看著自己的玩具項(xiàng)目，簡(jiǎn)歷上還要編成花，和面試官大眼瞪小眼，講完面試官問我沒了嗎就這些嗎，打哈哈尷尬地笑笑而過，面完自己哄自己找時(shí)間把項(xiàng)目的難點(diǎn)做了吧不要再自己亂編了。事實(shí)上一手抓八股一手抓手撕一手抓項(xiàng)目根本抓不住時(shí)間。也是清楚自己的能力的，這里做一點(diǎn)那里做一點(diǎn)然后就開始莫名其妙地祈禱。微微改動(dòng)簡(jiǎn)歷去一堆海投官網(wǎng)更新，結(jié)果看到紅紅的簡(jiǎn)歷篩選不通過，就這樣無力嘆息然后去主頁重新搜一個(gè)崗位。好想穿越到大一大二把不愛做算法不愛動(dòng)腦的自己一拳錘似，以為背題真能背出來嗎。面完還要哄自己還不趕緊做題練習(xí)，想想大不了全部都為秋招練手，再大不了還有春招呢，想到這感覺自己能有這種想法真是這輩子都有了?？粗^不了的大廠面試邀約就這樣露出苦笑。面試完想著玩玩手機(jī)吧，刷到?jīng)]見過的八股文不管了明天再看吧，刷到別人oc的timeline好強(qiáng)祝福接好運(yùn)，再刷到一篇對(duì)前端的調(diào)侃啊哈哈哈哈真是天都塌了。寒假不急現(xiàn)在急了吧哈哈哈，，這都是我應(yīng)得的呀哈哈哈。其實(shí)也沒有，就這樣發(fā)牢騷然后恨自己不爭(zhēng)氣，回去再慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢地準(zhǔn)備。

#前端# #面試# #面經(jīng)# #騰訊# #蝦皮# #網(wǎng)易# #淘天# #前端面試#