騰訊QQ音樂前端面經(jīng)（已offer）

本人本科畢業(yè)5年，1年后端 + 4年前端。今年5月面試了一次QQ音樂，歷經(jīng)1個月拿到Offer（騰訊的流程實在太長），記錄下整個面試過程，需要的可以看下。

一面（電話面）

1. 自我介紹

2. 為什么想離職？

3. react hooks 有哪些優(yōu)缺點？

4. useLayoutEffect 和 useEffect 區(qū)別是什么？

5. 有接觸過哪些移動端跨平臺框架？說下jsBridge？

6. 說下react-native的原理，原生端和js端是怎么通信的？

7. flutter有了解過嗎？為什么說它的性能可以媲美原生？它有什么缺點嗎？

8. 如果一個項目要用移動端跨平臺框架開發(fā)，你會選擇哪個？

9. 工作中遇到過的最難的問題是什么？最后解決了嗎？怎么解決的？現(xiàn)在覺得有沒有更好的解決方案？

10. 反轉(zhuǎn)單向鏈表怎么做？需要幾個指針？都有什么作用？

11. 你有什么要問我的嗎？

二面（現(xiàn)場導師面）

1. 自我介紹

2. 為什么想離職？

3. Vue 和 React的區(qū)別是什么？你覺得哪個好？

4. redux主要解決了什么問題？它的工作原理是什么？與mobx的區(qū)別是什么？你覺得redux 和 mobx哪個更好？

5. react中state有層級很深，比如a.b.c.d，如果只更新c屬性有哪些辦法？immutable.js實現(xiàn)的原理是什么？

6. 說下crsf 和 xss，分別舉例說明，各有什么解決辦法？

7. Cookie的同源策略是怎么樣的，跨域情況下如何攜帶Cookie（這里主要考察了SameSite問題，因為我crsf問題沒答到這點）

8. 有用過哪些跨平臺框架，react-native中原生端和js端怎么進行通信的？

9. 假設(shè)有一個非常復雜耗時的邏輯，代碼邏輯已經(jīng)最優(yōu)了前提下要你優(yōu)化，你有哪些辦法？（這題其實是考察WebWorker）

10. 說下瀏覽器的進程、線程模型，chrome瀏覽器有多少個進程？線程模型中的每個線程都是干嘛用的？

11. 說下 js的內(nèi)存泄漏，什么情況容易出現(xiàn)內(nèi)存泄漏？怎么解決？垃圾回收機制是怎么樣的？

12. 自己的項目做了哪些性能優(yōu)化？除了webpack打包之類的優(yōu)化外，http層面有做了哪些優(yōu)化？gzip如何開啟？gzip有多少個級別？

13. 用二分法移除掉一個字符串中所有的字母字符。

14. 有什么要問我的？

三面（現(xiàn)場組長面）

1. 自我介紹

2. 為什么離職？在之前的公司什么部門？公司的主營業(yè)務(wù)是什么？

3. 隨機生成100w正負整數(shù)存儲下來，記錄時間t1；然后把這100w數(shù)據(jù)中的負數(shù)全去掉，記錄時間t2；然后記錄總共耗時t3 = t2 - t1。

4. 在耗時t3的基礎(chǔ)上優(yōu)化下，使t4的耗時只有t3的70%; 在t4的耗時基礎(chǔ)下再優(yōu)化，使t5的耗時只有t4的70%...

5. 說一下輸入一個url地址后的全過程？dom渲染那塊描述過于簡單，能否說的更詳細點？react中的diff算法的原理？傳統(tǒng)的diff算法是怎么實現(xiàn)的？

6. 說出一個react的特性？它的原理是什么？（我答的fiber）

7. 你們的前端項目主要用的是ES版本是多少？說出ES7中的3個性特性并說出應用場景？說出ES8中的三個新特性并說出應用場景？

8. WebWorker有了解過嗎？它有什么應用場景？剛剛的算法題可以用這個進行再次優(yōu)化嗎？

9. 為什么說https是安全的？https的證書校驗過程是怎么樣的？（這里一定要說的非常非常詳細）證書校驗用到了哪些算法？

10. https一定是安全的嗎？（考察https中間人劫持），有什么解決辦法？

11. 說出http2中至少三個新特性？你們有在實際中用過嗎？

12. 你有什么要問我的嗎?

四面（交叉面）

交叉面和一面差不多，這里就不重復了。多問了http緩存機制問題，然后問了一下: 瀏覽器的默認緩存時間是多久？

五面（總監(jiān)面）

1. 自我介紹

2. 為什么要離職

3. 要你設(shè)計一個前端監(jiān)控方案，你打算怎么做。

4. 平時喜歡聽歌嗎？用什么音樂app？（我答的以前用網(wǎng)易云，現(xiàn)在用Q音），這兩個各有什么優(yōu)劣勢？

5. 對于你來說，你覺得做音樂app中最大的技術(shù)難點是什么？

6. 在技術(shù)上，你對自己以后有什么規(guī)劃？

7. 你有什么要問我的嗎？

六面（hr面）

這里就不一一列了，就是問哪里人、以后的發(fā)展，拿了幾個offer，都是哪家的，介紹了各種福利之類的。

總結(jié)

整體難度適中，但是面的輪數(shù)多，流程非常長。但是最后綜合考慮了各方面，還是選擇去了Shopee。

點贊和在看就是最大的支持??