2020版拼多多和快手前端程式設計師最新面試題

前面為大家分享完今日頭條和猿輔導的面試之後，還有小夥伴表示不過癮，希望在多分享一些名企的前端面試題。今天為大家整理“拼多多1、2面”和“快手1、2、3面”的前端面試題，主要面向社招的同學，面試流程比較完整，很值得借鑑。

說到拼多多和快手，可謂是這兩年新崛起的TOP級別的獨角獸了。一個在社交電商領域顛覆傳統模式，一個在短影片方面比肩抖音。業務模式好，待遇也不錯，吸引了不少程式設計師的加入。如果你也對這兩家公司感興趣，那麼就一起看看：面試中他們到底會出哪些題。

拼多多1面

1、react16新生命週期，有什麼變化【描述】

兩個static、一個didcatch捕獲錯誤的、一個getsnapshot

2、react16之前的那些不好的生命週期怎麼過度到react16的新生命週期【描述】【舉例】

getDriverStateFromProps替代componentWillReceiveProps，加上邏輯對比上次state和props來決定state。willupdate換成getSnapshotBeforeUpdate，willmount直接寫成初始state（react16的state不先寫出來是null，你需要先在class元件裡面寫一下state = {...}）

3、componentWillReceiveProps用到了this，getDriverStateFromProps也要用，怎麼辦【虛擬碼】

把this.xxx存到state裡面，第二個引數是state，裡面有xxx（有點挫，懂的人應該都有同樣的感受吧，如果是函式元件，一個useRef儲存一下即可）。另外的方法，如果和內部變數無關，把它摳到class元件外面去

4、程式設計題：['aaafsd', 'aawwewer', 'aaddfff'] => 'aa'(ide沒有除錯功能，也不能開啟控制檯，我只能寫好了讓面試官去執行。無除錯，靠想象)【程式設計】

5、程式設計題：['aa/bb/sd', 'aa/bb/wwewer', 'aa/bb/ddfff'] => 'aa/bb'(無除錯，靠想象)【程式設計】 接上題改一下，不用一分鐘即可解決

6、怎麼理解ts【描述】

型別檢查、ide友好提示、文件、利於維護

7、ts的type和interface什麼區別【描述】

經典問題，網上可搜，主要是列舉出兩者的特點，對比一下

8、ssr怎麼實現，你們怎麼做【描述】【舉例】

將動態渲染邏輯做到後端去，並把最終html結果直接返回。我們這邊是資料動靜分離+部分ssr直出，重要的資料ssr，比較慢的介面還是放前端

9、你們有沒有統一構建的cli，怎麼實現【描述】【舉例】

基於react全家桶，ts、eslint、埋點上報、sw都可配置，根據配置生成程式碼模版，開箱即用

10、你們專案有ci嗎，怎麼做，提交的時候會做什麼事情【描述】【舉例】

透過接入公司內部某ci，配置yaml檔案，每次監聽git hook，並作出對應的行為如安裝、lint、部署、搬運、生成change log等等。提交的時候，檢查lint、修復autofixable的問題，存在修不了的問題報錯，提交失敗

11、2e測試、自動化測試【描述】

概念性問題，網上容易搜到

12、git rebase什麼作用【描述】

概念性問題，網上容易搜到

拼多多2面

面試官說系統有問題，開不了攝像頭，於是加了微信，微信電話+系統線上寫程式碼結合。不得不說，pdd這個系統很嚴格，我拖一下視窗就說作弊警告，然後接了一下面試官微信電話又作弊警告，面試官說問題不大，不慌。面試官比較嚴格。

1、專案介紹【描述】

2、專案難點【描述】【舉例】

一定要拿出自己很熟練的，也很能體現自己能力的專案，這一塊是確定面試表現的關鍵環節。面試中這裡可以問個半小時以上。最好可以保證自己掌控主動權的，讓面試官跟著你的思路走。

3、實現一個redux【程式設計】

10幾行經典redux，途中會順便問一下函數語言程式設計、純函式、副作用這些，網上搜“函數語言程式設計”即可知道這些概念了

4、如果是用ts寫，怎麼寫【程式設計】

改成ts版本，如果比較熟悉redux+ts的，很快寫出來。如果不太熟，熟悉泛型也可以根據表現，很快寫出近似的。我說我沒有ide提示，不能保證裸寫沒問題。面試官說沒事，只是看看你ts熟悉程度。

快手前端面試題

快手1面

1、react升到16，有什麼坑需要解決【描述】

2、6後效能好多少，測過嗎，你怎麼測的。順便問一下各種測速上報【描述】

3、為什麼16的效能好，fiber流程是怎樣的【描述】

4、為什麼兩個will生命週期要被標記為danger【描述】

5、用了react的哪些新特性，帶來什麼收益【舉例】

6、瀏覽器http快取那一套【描述】

7、from memory cache、from dist cache什麼區別，效能對比【描述】

8、根據什麼而選from memory cache、from dist cache這兩種快取方案【描述】

9、service worker怎麼理解【舉例】

10、輸出一個字串全排列【程式設計】

快手二面

1、專案深挖，反問一些問題【描述】【舉例】

2、react的setstate過程【描述】

3、說一下幾種情況的setstate的輸出，為什麼【描述】

4、react的合成事件【描述】

5、收到新state怎麼更新，發生了什麼事情【描述】

6、ssr太久，你覺得什麼原因導致【舉例】

7、ssr最佳化措施【舉例】

8、react的ssr和傳統的模版引擎渲染對比【描述】

9、ssr兜底容災措施、降級措施【舉例】

10、如何選擇csr還是ssr，設計一套方案切換，讓儘量多的使用者得到最好的體驗【舉例】

11、有一個請求函式request，封裝一下這個函式，使得多個相同的請求過來的時候不發請求，直接讀取第一個的結果【程式設計】

12、有一個排序陣列，返回第一個比目標數字小的數，要求log(n)【程式設計】

快手三面

4個砝碼，一個天平，問能稱出多少種重量（砝碼可以兩邊都放，砝碼重量自己隨便定）【寫出運算過程】

砝碼重量自己隨便定，就定一個理想化的情況，四個不一樣的、且加起來也不存在重複的就行。如果你要考慮存在重量一樣的兩個砝碼或者某些組合的和有相等的過程，那分類討論夠你折騰幾個小時的。但面試只有20分鐘，所以直接看理想狀態的就行

快手終面喜歡問智力題，之前校招也是終面問智力題，大家要準備一下一些經典智力題。如果排列組合、機率論這些基礎忘了，建議回去補一下。

如果你想要拿到高薪，最可靠的方式就是靠自己的努力，夢想如果只想就會成為夢。作為IT教育全產業鏈人才服務平臺，千鋒教育長沙校區一直專注於IT人才服務，有效指引了一批批學員的前行道路，讓他們少走了很多彎路，其中不乏一部分人實現了“彎道超車”，提前實現了職場晉升。感興趣的同學可以直接來嶽麓區麓谷企業廣場A2棟3單元3樓上門參觀試聽諮詢。