阿里、網(wǎng)易、滴滴前端面試碰到的問(wèn)題
△?是新朋友嗎？記得先關(guān)注我哦～
前一段時(shí)間一直在不斷地面試，無(wú)奈個(gè)人技術(shù)能力有限、項(xiàng)目經(jīng)驗(yàn)缺乏，最終都沒(méi)有進(jìn)入到HR面試環(huán)節(jié)，全~~掛~~了~~
面試了這么多，結(jié)果不是太好，有點(diǎn)兒受打擊，也促使我近期靜下心來(lái)反思自己的問(wèn)題：哪些技術(shù)知識(shí)掌握的還不錯(cuò)，哪些還有待提高，哪些是需要去惡補(bǔ)的。
阿里面試了三個(gè)部門(mén)，都是在二面掛的，網(wǎng)易和滴滴也是各兩輪技術(shù)面試，加一起就是十次面試經(jīng)歷。在此回憶總結(jié)一下，既是給社區(qū)朋友的一個(gè)參考，反饋社區(qū)，更是給自己一個(gè)好好的總結(jié)。
HTML
HTML5新增了哪些內(nèi)容或API，使用過(guò)哪些
input和textarea的區(qū)別
用一個(gè)div模擬textarea的實(shí)現(xiàn)
移動(dòng)設(shè)備忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼的方法 --- 2017.06.10補(bǔ)充
CSS
左右布局：左邊定寬、右邊自適應(yīng)，不少于3種方法
CSS3用過(guò)哪些新特性
BFC、IFC
對(duì)柵格的理解
（水平）居中有哪些實(shí)現(xiàn)方式
1像素邊框問(wèn)題
JavaScript
圖片懶加載
實(shí)現(xiàn)頁(yè)面加載進(jìn)度條
事件委托
實(shí)現(xiàn)extend函數(shù)
為什么會(huì)有跨域的問(wèn)題以及解決方式
jsonp原理、postMessage原理
實(shí)現(xiàn)拖拽功能，比如把5個(gè)兄弟節(jié)點(diǎn)中的最后一個(gè)節(jié)點(diǎn)拖拽到節(jié)點(diǎn)1和節(jié)點(diǎn)2之間
動(dòng)畫(huà)：setTimeout何時(shí)執(zhí)行，requestAnimationFrame的優(yōu)點(diǎn)
手寫(xiě)parseInt的實(shí)現(xiàn)：要求簡(jiǎn)單一些，把字符串型的數(shù)字轉(zhuǎn)化為真正的數(shù)字即可，但不能使用JS原生的字符串轉(zhuǎn)數(shù)字的API，比如Number()
編寫(xiě)分頁(yè)器組件的時(shí)候，為了減少服務(wù)端查詢次數(shù)，點(diǎn)擊“下一頁(yè)”怎樣能確保還有數(shù)據(jù)可以加載（請(qǐng)求數(shù)據(jù)不會(huì)為空）？
ES6新增了哪些特性，使用過(guò)哪些，也有當(dāng)場(chǎng)看代碼說(shuō)輸出結(jié)果的
JS模塊化的實(shí)踐
require.js的實(shí)現(xiàn)原理（如果使用過(guò)webpack，進(jìn)一步會(huì)問(wèn)，兩者打包的異同及優(yōu)缺點(diǎn)）
promise的實(shí)現(xiàn)原理，進(jìn)一步會(huì)問(wèn)async、await是否使用過(guò)
實(shí)現(xiàn)gulp的功能
使用前端框架（angular/vue/react）帶來(lái)哪些好處，相對(duì)于使用jQuery
vue雙向數(shù)據(jù)綁定的實(shí)現(xiàn)
單頁(yè)應(yīng)用，如何實(shí)現(xiàn)其路由功能
性能優(yōu)化
項(xiàng)目中使用過(guò)哪些優(yōu)化方法
輸入一個(gè)URL，Enter之后發(fā)生了什么
（承上）頁(yè)面的渲染過(guò)程
優(yōu)化中會(huì)提到緩存的問(wèn)題，問(wèn)：靜態(tài)資源或者接口等如何做緩存優(yōu)化
頁(yè)面DOM節(jié)點(diǎn)太多，會(huì)出現(xiàn)什么問(wèn)題？如何優(yōu)化？
項(xiàng)目經(jīng)歷
這些大公司招聘都是高級(jí)工程師起步，所以對(duì)簡(jiǎn)歷上的項(xiàng)目會(huì)刨根問(wèn)底。很多很多問(wèn)題都是由項(xiàng)目中拓展開(kāi)的，像優(yōu)化相關(guān)的東西，還有前面提到的require.js、promise、gulp，項(xiàng)目中用到了某項(xiàng)技術(shù)，高級(jí)工程師的要求是：不僅會(huì)用，更要知道其原理。對(duì)自己的提醒：項(xiàng)目中用到的技術(shù)，不能說(shuō)完全掌握其原理吧，但大致的實(shí)現(xiàn)還是有必要了解一下的。
介紹一下你做的這個(gè)項(xiàng)目，進(jìn)一步細(xì)問(wèn)：整個(gè)項(xiàng)目有哪些模塊，你主要負(fù)責(zé)哪些
你在項(xiàng)目中的角色
你在項(xiàng)目中做的最出彩的一個(gè)地方
碰到過(guò)什么樣的困難，怎么解決的
（如果你是這個(gè)項(xiàng)目的負(fù)責(zé)人），任務(wù)怎么分配的，有沒(méi)有關(guān)注過(guò)團(tuán)隊(duì)成員的成長(zhǎng)問(wèn)題
前端安全問(wèn)題：CSRF和XSS
其他
為什么選擇做前端（我靠，我都快轉(zhuǎn)前端兩年了，還在問(wèn)這個(gè)問(wèn)題啊...）
你希望進(jìn)入一個(gè)什么樣的團(tuán)隊(duì)
你有什么問(wèn)題想問(wèn)我（面試官）的嗎？
前前后后有兩個(gè)月時(shí)間，暫時(shí)只回憶起這么多了，如果還有其他的，后期我會(huì)補(bǔ)上。
webpack其實(shí)也是必問(wèn)的，由于我說(shuō)還沒(méi)使用過(guò)webpack，只是了解，寫(xiě)過(guò)demo，面試官就沒(méi)問(wèn)太深。如果你的簡(jiǎn)歷中有提到webpack，請(qǐng)?zhí)崆皽?zhǔn)備好，比如webpack打包原理、如何寫(xiě)webpack插件等。
面試阿里云那個(gè)崗位的時(shí)候，有要求算法和數(shù)據(jù)結(jié)構(gòu)，有能力者多多準(zhǔn)備吧。
阿里、網(wǎng)易的面試幾乎都是圍繞項(xiàng)目展開(kāi)的，所以提醒自己搬磚的時(shí)候多想想、多看看，多站在一個(gè)高度去看整個(gè)項(xiàng)目：用到什么技術(shù)，技術(shù)實(shí)現(xiàn)原理是什么，項(xiàng)目框架怎么搭建的，采取安全措施了嗎...
后記
有幾個(gè)崗位感覺(jué)就是掛在了項(xiàng)目上。自己做過(guò)一個(gè)前后端分離項(xiàng)目，但是經(jīng)過(guò)幾次面試，發(fā)現(xiàn)這個(gè)項(xiàng)目還存在某些問(wèn)題，比如：整個(gè)登錄注冊(cè)系統(tǒng)是不完善的，關(guān)于權(quán)限的處理上甚至是有很大缺陷的；這個(gè)項(xiàng)目的node層只是起到構(gòu)建前端項(xiàng)目（gulp）、渲染index.ejs、代理轉(zhuǎn)發(fā)api接口等作用，但是面試官指出說(shuō)你這個(gè)node也太簡(jiǎn)單了，導(dǎo)致我都在懷疑這是個(gè)假的前后端分離...還是需要大神帶多見(jiàn)見(jiàn)世面啊，求帶...
雖然五次面試都沒(méi)成功，但自己也收獲了很多很多：認(rèn)識(shí)了大牛hb，一個(gè)超有文藝氣息的資深前端；多謝fw大大幫我內(nèi)推阿里，十分感謝您對(duì)我的認(rèn)可；也見(jiàn)到了平時(shí)只能在視頻上看到的cjf老師，謝謝您的指點(diǎn)；對(duì)高級(jí)前端工程師所具備的技能有了更清晰的認(rèn)識(shí)；肯定也增加了很多面試經(jīng)驗(yàn)...
再好好提升一下，打算過(guò)段時(shí)間重新上陣，也祝自己多點(diǎn)好運(yùn)氣，早日進(jìn)入心儀的企業(yè)，畢竟，當(dāng)初來(lái)杭州的時(shí)候就是以網(wǎng)易、阿里為目標(biāo)的。
源自：https://segmentfault.com/a/1190000009662029
聲明：文章著作權(quán)歸作者所有，如有侵權(quán)，請(qǐng)聯(lián)系小編刪除。
掃碼關(guān)注公眾號(hào)，訂閱更多精彩內(nèi)容。
