前一段時(shí)間一直在不斷地面試，無奈個(gè)人技術(shù)能力有限、項(xiàng)目經(jīng)驗(yàn)缺乏，最終都沒有進(jìn)入到HR面試環(huán)節(jié)，全~~掛~~了~~

面試了這么多，結(jié)果不是太好，有點(diǎn)兒受打擊，也促使我近期靜下心來反思自己的問題：哪些技術(shù)知識(shí)掌握的還不錯(cuò)，哪些還有待提高，哪些是需要去惡補(bǔ)的。

阿里面試了三個(gè)部門，都是在二面掛的，網(wǎng)易和滴滴也是各兩輪技術(shù)面試，加一起就是十次面試經(jīng)歷。在此回憶總結(jié)一下，既是給社區(qū)朋友的一個(gè)參考，反饋社區(qū)，更是給自己一個(gè)好好的總結(jié)。

HTML

• HTML5新增了哪些內(nèi)容或API，使用過哪些
• input和textarea的區(qū)別
• 用一個(gè)div模擬textarea的實(shí)現(xiàn)
• 移動(dòng)設(shè)備忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼的方法 --- 2017.06.10補(bǔ)充

CSS

• 左右布局：左邊定寬、右邊自適應(yīng)，不少于3種方法
• CSS3用過哪些新特性
• BFC、IFC
• 對(duì)柵格的理解
• （水平）居中有哪些實(shí)現(xiàn)方式
• 1像素邊框問題

JavaScript

• 圖片懶加載
• 實(shí)現(xiàn)頁面加載進(jìn)度條
• 事件委托
• 實(shí)現(xiàn)extend函數(shù)
• 為什么會(huì)有跨域的問題以及解決方式
• jsonp原理、postMessage原理
• 實(shí)現(xiàn)拖拽功能，比如把5個(gè)兄弟節(jié)點(diǎn)中的最后一個(gè)節(jié)點(diǎn)拖拽到節(jié)點(diǎn)1和節(jié)點(diǎn)2之間
• 動(dòng)畫：setTimeout何時(shí)執(zhí)行，requestAnimationFrame的優(yōu)點(diǎn)
• 手寫parseInt的實(shí)現(xiàn)：要求簡單一些，把字符串型的數(shù)字轉(zhuǎn)化為真正的數(shù)字即可，但不能使用JS原生的字符串轉(zhuǎn)數(shù)字的API，比如Number()
• 編寫分頁器組件的時(shí)候，為了減少服務(wù)端查詢次數(shù)，點(diǎn)擊“下一頁”怎樣能確保還有數(shù)據(jù)可以加載（請(qǐng)求數(shù)據(jù)不會(huì)為空）？
• ES6新增了哪些特性，使用過哪些，也有當(dāng)場看代碼說輸出結(jié)果的
• JS模塊化的實(shí)踐
• require.js的實(shí)現(xiàn)原理（如果使用過webpack，進(jìn)一步會(huì)問，兩者打包的異同及優(yōu)缺點(diǎn)）
• promise的實(shí)現(xiàn)原理，進(jìn)一步會(huì)問async、await是否使用過
• 實(shí)現(xiàn)gulp的功能
• 使用前端框架（angular/vue/react）帶來哪些好處，相對(duì)于使用jQuery
• vue雙向數(shù)據(jù)綁定的實(shí)現(xiàn)
• 單頁應(yīng)用，如何實(shí)現(xiàn)其路由功能

性能優(yōu)化

• 項(xiàng)目中使用過哪些優(yōu)化方法
• 輸入一個(gè)URL，Enter之后發(fā)生了什么
• （承上）頁面的渲染過程
• 優(yōu)化中會(huì)提到緩存的問題，問：靜態(tài)資源或者接口等如何做緩存優(yōu)化
• 頁面DOM節(jié)點(diǎn)太多，會(huì)出現(xiàn)什么問題？如何優(yōu)化？

項(xiàng)目經(jīng)歷

這些大公司招聘都是高級(jí)工程師起步，所以對(duì)簡歷上的項(xiàng)目會(huì)刨根問底。很多很多問題都是由項(xiàng)目中拓展開的，像優(yōu)化相關(guān)的東西，還有前面提到的require.js、promise、gulp，項(xiàng)目中用到了某項(xiàng)技術(shù)，高級(jí)工程師的要求是：不僅會(huì)用，更要知道其原理。對(duì)自己的提醒：項(xiàng)目中用到的技術(shù)，不能說完全掌握其原理吧，但大致的實(shí)現(xiàn)還是有必要了解一下的。

• 介紹一下你做的這個(gè)項(xiàng)目，進(jìn)一步細(xì)問：整個(gè)項(xiàng)目有哪些模塊，你主要負(fù)責(zé)哪些
• 你在項(xiàng)目中的角色
• 你在項(xiàng)目中做的最出彩的一個(gè)地方
• 碰到過什么樣的困難，怎么解決的
• （如果你是這個(gè)項(xiàng)目的負(fù)責(zé)人），任務(wù)怎么分配的，有沒有關(guān)注過團(tuán)隊(duì)成員的成長問題
• 前端安全問題：CSRF和XSS

其他

• 為什么選擇做前端（我靠，我都快轉(zhuǎn)前端兩年了，還在問這個(gè)問題啊...）
• 你希望進(jìn)入一個(gè)什么樣的團(tuán)隊(duì)
• 你有什么問題想問我（面試官）的嗎？

前前后后有兩個(gè)月時(shí)間，暫時(shí)只回憶起這么多了，如果還有其他的，后期我會(huì)補(bǔ)上。

webpack其實(shí)也是必問的，由于我說還沒使用過webpack，只是了解，寫過demo，面試官就沒問太深。如果你的簡歷中有提到webpack，請(qǐng)?zhí)崆皽?zhǔn)備好，比如webpack打包原理、如何寫webpack插件等。

面試阿里云那個(gè)崗位的時(shí)候，有要求算法和數(shù)據(jù)結(jié)構(gòu)，有能力者多多準(zhǔn)備吧。

阿里、網(wǎng)易的面試幾乎都是圍繞項(xiàng)目展開的，所以提醒自己搬磚的時(shí)候多想想、多看看，多站在一個(gè)高度去看整個(gè)項(xiàng)目：用到什么技術(shù)，技術(shù)實(shí)現(xiàn)原理是什么，項(xiàng)目框架怎么搭建的，采取安全措施了嗎...

后記

有幾個(gè)崗位感覺就是掛在了項(xiàng)目上。自己做過一個(gè)前后端分離項(xiàng)目，但是經(jīng)過幾次面試，發(fā)現(xiàn)這個(gè)項(xiàng)目還存在某些問題，比如：整個(gè)登錄注冊(cè)系統(tǒng)是不完善的，關(guān)于權(quán)限的處理上甚至是有很大缺陷的；這個(gè)項(xiàng)目的node層只是起到構(gòu)建前端項(xiàng)目（gulp）、渲染index.ejs、代理轉(zhuǎn)發(fā)api接口等作用，但是面試官指出說你這個(gè)node也太簡單了，導(dǎo)致我都在懷疑這是個(gè)假的前后端分離...還是需要大神帶多見見世面啊，求帶...

雖然五次面試都沒成功，但自己也收獲了很多很多：認(rèn)識(shí)了大牛hb，一個(gè)超有文藝氣息的資深前端；多謝fw大大幫我內(nèi)推阿里，十分感謝您對(duì)我的認(rèn)可；也見到了平時(shí)只能在視頻上看到的cjf老師，謝謝您的指點(diǎn)；對(duì)高級(jí)前端工程師所具備的技能有了更清晰的認(rèn)識(shí)；肯定也增加了很多面試經(jīng)驗(yàn)...

再好好提升一下，打算過段時(shí)間重新上陣，也祝自己多點(diǎn)好運(yùn)氣，早日進(jìn)入心儀的企業(yè)，畢竟，當(dāng)初來杭州的時(shí)候就是以網(wǎng)易、阿里為目標(biāo)的。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論