近期同學(xué)們找工作的熱情高漲，在我們的免費(fèi)技術(shù)交流群里也有很多同學(xué)們分享面試經(jīng)驗(yàn)，同時(shí)更多的是同學(xué)們對于面試題的需求。下面給大家一份長沙前端培訓(xùn)班拼多多和快手前端面試題分享，如果你也對這兩家公司感興趣，那么就一起看看：面試中他們到底會出哪些技術(shù)問題。

        拼多多1面

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

        兩個(gè)static、一個(gè)didcatch捕獲錯(cuò)誤的、一個(gè)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里面，第二個(gè)參數(shù)是state，里面有xxx（有點(diǎn)挫，懂的人應(yīng)該都有同樣的感受吧，如果是函數(shù)組件，一個(gè)useRef保存一下即可）。另外的方法，如果和內(nèi)部變量無關(guān)，把它摳到class組件外面去

        4、編程題：['aaafsd', 'aawwewer', 'aaddfff'] => 'aa'(ide沒有調(diào)試功能，也不能打開控制臺，我只能寫好了讓面試官去運(yùn)行。無調(diào)試，靠想象)【編程】

       5、編程題：['aa/bb/sd', 'aa/bb/wwewer', 'aa/bb/ddfff'] => 'aa/bb'(無調(diào)試，靠想象)【編程】 接上題改一下，不用一分鐘即可解決

       6、怎么理解ts【描述】

       類型檢查、ide友好提示、文檔、利于維護(hù)

       7、ts的type和interface什么區(qū)別【描述】

       經(jīng)典問題，網(wǎng)上可搜，主要是列舉出兩者的特點(diǎn)，對比一下

       8、ssr怎么實(shí)現(xiàn)，你們怎么做【描述】【舉例】

       將動(dòng)態(tài)渲染邏輯做到后端去，并把最終html結(jié)果直接返回。我們這邊是數(shù)據(jù)動(dòng)靜分離+部分ssr直出，重要的數(shù)據(jù)ssr，比較慢的接口還是放前端

       9、你們有沒有統(tǒng)一構(gòu)建的cli，怎么實(shí)現(xiàn)【描述】【舉例】

       基于react全家桶，ts、eslint、埋點(diǎn)上報(bào)、sw都可配置，根據(jù)配置生成代碼模版，開箱即用

       10、你們項(xiàng)目有ci嗎，怎么做，提交的時(shí)候會做什么事情【描述】【舉例】

       通過接入公司內(nèi)部某ci，配置yaml文件，每次監(jiān)聽git hook，并作出對應(yīng)的行為如安裝、lint、部署、搬運(yùn)、生成change log等等。提交的時(shí)候，檢查lint、修復(fù)autofixable的問題，存在修不了的問題報(bào)錯(cuò)，提交失敗

        11、2e測試、自動(dòng)化測試【描述】

        概念性問題，網(wǎng)上容易搜到

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

        概念性問題，網(wǎng)上容易搜到

        拼多多2面

        面試官說系統(tǒng)有問題，開不了攝像頭，于是加了微信，微信電話+系統(tǒng)在線寫代碼結(jié)合。不得不說，pdd這個(gè)系統(tǒng)很嚴(yán)格，我拖一下窗口就說作弊警告，然后接了一下面試官微信電話又作弊警告，面試官說問題不大，不慌。面試官比較嚴(yán)格。

       1、項(xiàng)目介紹【描述】

       2、項(xiàng)目難點(diǎn)【描述】【舉例】

       一定要拿出自己很熟練的，也很能體現(xiàn)自己能力的項(xiàng)目，這一塊是確定面試表現(xiàn)的關(guān)鍵環(huán)節(jié)。面試中這里可以問個(gè)半小時(shí)以上。最好可以保證自己掌控主動(dòng)權(quán)的，讓面試官跟著你的思路走。

       3、實(shí)現(xiàn)一個(gè)redux【編程】

       10幾行經(jīng)典redux，途中會順便問一下函數(shù)式編程、純函數(shù)、副作用這些，網(wǎng)上搜“函數(shù)式編程”即可知道這些概念了

       4、如果是用ts寫，怎么寫【編程】

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

       快手前端面試題

       快手1面

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

       2、6后性能好多少，測過嗎，你怎么測的。順便問一下各種測速上報(bào)【描述】

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

       4、為什么兩個(gè)will生命周期要被標(biāo)記為danger【描述】

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

       6、瀏覽器http緩存那一套【描述】

       7、from memory cache、from dist cache什么區(qū)別，性能對比【描述】

       8、根據(jù)什么而選from memory cache、from dist cache這兩種緩存方案【描述】

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

       10、輸出一個(gè)字符串全排列【編程】

       快手二面

       1、項(xiàng)目深挖，反問一些問題【描述】【舉例】

       2、react的setstate過程【描述】

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

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

       5、收到新state怎么更新，發(fā)生了什么事情【描述】

       6、ssr太久，你覺得什么原因?qū)е隆九e例】

       7、ssr優(yōu)化措施【舉例】

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

       9、ssr兜底容災(zāi)措施、降級措施【舉例】

       10、如何選擇csr還是ssr，設(shè)計(jì)一套方案切換，讓盡量多的用戶得到最好的體驗(yàn)【舉例】

       11、有一個(gè)請求函數(shù)request，封裝一下這個(gè)函數(shù)，使得多個(gè)相同的請求過來的時(shí)候不發(fā)請求，直接讀取第一個(gè)的結(jié)果【編程】

       12、有一個(gè)排序數(shù)組，返回第一個(gè)比目標(biāo)數(shù)字小的數(shù)，要求log(n)【編程】

       快手三面

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

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

       快手終面喜歡問智力題，之前校招也是終面問智力題，大家要準(zhǔn)備一下一些經(jīng)典智力題。如果排列組合、概率論這些基礎(chǔ)忘了，建議回去補(bǔ)一下。

       好了，以上就是今天為大家分享的快手、拼多多前端面試題。想去這兩家公司的小伙伴可以認(rèn)真研究研究。同時(shí)近期準(zhǔn)備面試的同學(xué)也可以參考一下這些技術(shù)問題，提升自己的同時(shí)也能讓自己的知識面更寬，為后面的面試做準(zhǔn)備。

上一篇

程序員入行職級薪資圖帶面試題分享

下一篇

長沙IT培訓(xùn)程序員面試題：函數(shù)防抖節(jié)流