- 相關(guān)推薦
百度實(shí)習(xí)生web前端開(kāi)發(fā)工程師的面試經(jīng)歷
想不到自己這么快就開(kāi)始寫(xiě)面經(jīng)了，這次的面試談不上失敗，也談不上成功，也就寫(xiě)出來(lái)給大家一個(gè)參考和教訓(xùn)吧！
我這次是通過(guò)一個(gè)學(xué)長(zhǎng)內(nèi)推到百度的“商務(wù)搜索部”的web前端開(kāi)發(fā)方面的，HR部門(mén)提前通知了我什么時(shí)候面試，因?yàn)槲覍W(xué)校不在北京，所以就只好電話電面了。提前沒(méi)日沒(méi)夜的準(zhǔn)備了好幾天，因?yàn)榘俣鹊囊蠛芏�，比如要精通CSS和javascript，還要熟悉數(shù)據(jù)庫(kù)，熟悉一種后臺(tái)開(kāi)發(fā)語(yǔ)言，最扯的是“對(duì)用戶體驗(yàn)有深入的理解”，為什么扯呢，后邊再說(shuō)。
我很久就做網(wǎng)站了，不過(guò)都是開(kāi)源的，所以自己去有想法寫(xiě)，也是最近一個(gè)學(xué)期的，所以開(kāi)發(fā)經(jīng)驗(yàn)必須的不豐富。寫(xiě)完簡(jiǎn)歷之后，就開(kāi)始復(fù)習(xí)以前看的一些書(shū)籍了，尤其是js還有web標(biāo)準(zhǔn)以及網(wǎng)站重構(gòu)的東西，另外花了一半的時(shí)間去看了下以前看的用戶體驗(yàn)以及設(shè)計(jì)方面的東西，還有GUI設(shè)計(jì)……
面試的時(shí)候，面試官是個(gè)男的，聽(tīng)聲音大概不到30歲，后邊也確實(shí)證實(shí)了。說(shuō)話并不是傳說(shuō)中的笑瞇瞇很隨意，有些沙啞和低沉。
第一個(gè)問(wèn)題是介紹自己，balala的介紹完，就問(wèn)了一個(gè)讓我到現(xiàn)在還在無(wú)語(yǔ)的問(wèn)題：常見(jiàn)的數(shù)據(jù)結(jié)構(gòu)有哪些？暈死啊，前端上沒(méi)有這個(gè)要求啊，就算對(duì)算法有要求，也不至于去操作底層吧。我回答說(shuō)有鏈表、堆棧、樹(shù)。面試官說(shuō)，好，那你給我解釋下B樹(shù)。我了個(gè)去……直接傻過(guò)去了，我是萬(wàn)萬(wàn)沒(méi)有想到會(huì)問(wèn)這個(gè)的，balabla解釋了一堆，最后又扯成了數(shù)據(jù)庫(kù)索引，然后這個(gè)題目就杯具了，說(shuō)白了，我B樹(shù)方面的東西已經(jīng)忘記完了，因?yàn)榭紤]自己以后要搞前端，所以數(shù)據(jù)結(jié)構(gòu)和算法就沒(méi)有再去研究！所以建議大家，去這些大公司的，最好還是對(duì)常見(jiàn)算法和數(shù)據(jù)結(jié)構(gòu)有比較好的了解！
在這個(gè)題目杯具了之后，就問(wèn)cookie和session的區(qū)別……這個(gè)我知道，回答了，不過(guò)聽(tīng)起來(lái)人家對(duì)我的回答并不是很滿意，中間打斷過(guò)一次。
然后問(wèn)我會(huì)不會(huì)ajax，這個(gè)算是前端技術(shù)，但是我用的很少，我就照實(shí)說(shuō)了，說(shuō)我用不多，只知道是異步刷新，后邊又問(wèn)說(shuō)知道javascript的一個(gè)什么東東來(lái)著，沒(méi)聽(tīng)說(shuō)過(guò)，就說(shuō)不知道，這個(gè)記得，一定要誠(chéng)實(shí)，不然撒謊的話，最后吃虧的一定是自己！
又問(wèn)我用的哪個(gè)javascript的庫(kù)，我說(shuō)jquery，然后就沒(méi)有下文了~~~在這兒的時(shí)候，我差不多在心里確定了，這哥們是做后端的！��！我那個(gè)囧啊，今天看來(lái)出師不利��！后端和前端雖然說(shuō)都是做網(wǎng)站的，但是相差還是太大！在一起就沒(méi)什么好聊的。
下來(lái)就問(wèn)我項(xiàng)目經(jīng)驗(yàn)了，說(shuō)看簡(jiǎn)歷我做過(guò)很多項(xiàng)目，感覺(jué)最成功的項(xiàng)目是什么（看過(guò)很多面經(jīng)，貌似百度都會(huì)問(wèn)到這個(gè)問(wèn)題）， 我說(shuō)有三個(gè)，然后開(kāi)始說(shuō)第一個(gè)，第一個(gè)是原來(lái)和同學(xué)做過(guò)的一個(gè)web方面的分析工具，叫bingker網(wǎng)絡(luò)安全工具包，然后他就問(wèn)我說(shuō)里面有個(gè)殺毒模塊算法是怎么實(shí)現(xiàn)的？暈掉，這個(gè)太囧了，當(dāng)時(shí)算法的確是我們一起討論的，但是代碼實(shí)現(xiàn)我沒(méi)有參與，我就給解釋說(shuō)這個(gè)算法是用特征碼對(duì)比技術(shù)實(shí)現(xiàn)的，不過(guò)聽(tīng)起來(lái)他似乎也不是很熟悉這個(gè)，我說(shuō)了半天，他只是嗯，也沒(méi)有反駁沒(méi)有去打斷，這個(gè)算是過(guò)去了~~~
下來(lái)就問(wèn)說(shuō)做過(guò)的網(wǎng)站里有沒(méi)有沒(méi)有用非開(kāi)源程序?qū)崿F(xiàn)的，我了個(gè)去，現(xiàn)在貌似大公司都是用的開(kāi)源程序啊，雖然我們改動(dòng)了很多，但是這么一問(wèn)，只能說(shuō)沒(méi)有了。
然后呢，就沒(méi)有然后了，前端方面的東西就都沒(méi)有問(wèn)，他說(shuō)你還有什么問(wèn)題嗎？我問(wèn)他說(shuō)，那你們對(duì)GUI和用戶體驗(yàn)都是怎么做的呢？他說(shuō)，這個(gè)公司專(zhuān)門(mén)有個(gè)部門(mén)來(lái)搞，他們不管的。言外之意，你去了，也就是堆砌代碼，有想法？一邊寫(xiě)代碼去。所以我前面說(shuō)的，看了那么多設(shè)計(jì)方面的還有重構(gòu)之類(lèi)的書(shū)，都似乎是白看了，或許你去了有想法也不會(huì)被實(shí)現(xiàn)。恩，這個(gè)想下也是正常，公司注重的是商業(yè)，并不是你的這個(gè)想法是不是夠新穎吧！所以大家看人家的要求的時(shí)候，就好好關(guān)注下前面提到的各種技術(shù)，比如js、css、sql、數(shù)據(jù)結(jié)構(gòu)之類(lèi)的，后面說(shuō)有啥創(chuàng)新精神啊之類(lèi)的全部忽略好了~~~暫時(shí)是這個(gè)看法，不知道別的公司怎么樣了~~~
再后來(lái)就沒(méi)后來(lái)了，也沒(méi)有電話沒(méi)有任何通知，當(dāng)時(shí)有一個(gè)和我一起面試的同學(xué)，他當(dāng)天就接到電話通知二面了，據(jù)說(shuō)面試他的是一個(gè)搞前端的，丫，起碼有的聊啊！
總的來(lái)說(shuō)還是哥太水了…………囧，好好學(xué)習(xí)技術(shù)吧，以后好好堆砌代碼才是王道！
總結(jié)起來(lái)，這樣的大公司分工太明確，如果想著去學(xué)習(xí)各個(gè)方面的同學(xué)，要好好想清楚了！
面試前的準(zhǔn)備
必須有牢固的基礎(chǔ)知識(shí)，足夠豐富的項(xiàng)目經(jīng)歷(就我而言差不多是三個(gè)完整項(xiàng)目經(jīng)歷，時(shí)間累計(jì)差不多接近一年)。
至少這上面的面試題你能全答出來(lái)，說(shuō)得足夠清楚！
面試有幾點(diǎn)需注意：
面試題目： 根據(jù)你的等級(jí)和職位的變化，入門(mén)級(jí)到專(zhuān)家級(jí)，廣度和深度都會(huì)有所增加。
題目類(lèi)型：理論知識(shí)、算法、項(xiàng)目細(xì)節(jié)、技術(shù)視野、開(kāi)放性題、工作案例。
細(xì)節(jié)追問(wèn)： 可以確保問(wèn)到你開(kāi)始不懂或面試官開(kāi)始不懂為止，這樣可以大大延展題目的區(qū)分度和深度，知道你的實(shí)際能力。因?yàn)檫@種知識(shí)關(guān)聯(lián)是長(zhǎng)時(shí)期的學(xué)習(xí)，臨時(shí)抱佛腳絕對(duì)是記不住的。
回答問(wèn)題再棒，面試官（可能是你面試職位的直接領(lǐng)導(dǎo)），會(huì)考慮我要不要這個(gè)人做我的同事？所以態(tài)度很重要、除了能做事，還要會(huì)做人。）
資深的前端開(kāi)發(fā)能把a(bǔ)bsolute和relative弄混，這樣的人不要也罷，因?yàn)閳F(tuán)隊(duì)需要的是：你這個(gè)人具有可以依靠的才能。
前端開(kāi)發(fā)所需掌握知識(shí)點(diǎn)概要：
HTML&CSS：
對(duì)Web標(biāo)準(zhǔn)的理解（結(jié)構(gòu)、表現(xiàn)、行為）、瀏覽器內(nèi)核、渲染原理、依賴(lài)管理、兼容性、CSS語(yǔ)法、層次關(guān)系，常用屬性、布局、選擇器、權(quán)重、盒模型、Hack、CSS預(yù)處理器、
CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5（離線 & 存儲(chǔ)、Histoy,多媒體、WebGLSVGCanvas）；
JavaScript：
數(shù)據(jù)類(lèi)型、運(yùn)算、對(duì)象、Function、繼承、閉包、作用域、事件、Prototype、RegExp、JSON、Ajax、DOM、BOM、
內(nèi)存泄漏、跨域、異步請(qǐng)求、模板引擎、模塊化、Flux、同構(gòu)、算法、ECMAScript6、Nodejs、HTTP、
其他：
主流MVVM框架(ReactVueAngular)、Hybrid AppReact NativeWeex、TypeScript、RESTFul、WEB安全、前端工程化、依賴(lài)管理、性能優(yōu)化、
重構(gòu)、團(tuán)隊(duì)協(xié)作、可維護(hù)、易用性、SEO、UED、前端技術(shù)選型、快速學(xué)習(xí)能力等；
作為一名前端工程師，無(wú)論工作年頭長(zhǎng)短都應(yīng)該掌握的知識(shí)點(diǎn)：
1、DOM結(jié)構(gòu) —— 兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。
2、DOM操作 ——如何添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)等。
3、事件 —— 如何使用事件，以及IE和標(biāo)準(zhǔn)DOM事件模型之間存在的差別。
4、XMLHttpRequest —— 這是什么、怎樣完整地執(zhí)行一次GET請(qǐng)求、怎樣檢測(cè)錯(cuò)誤。
5、嚴(yán)格模式與混雜模式 —— 如何觸發(fā)這兩種模式，區(qū)分它們有何意義。
6、盒模型 —— 外邊距、內(nèi)邊距和邊框之間的關(guān)系，及IE8以下版本的瀏覽器中的盒模型
7、塊級(jí)元素與行內(nèi)元素 —— 怎么用CSS控制它們、以及如何合理的使用它們
8、浮動(dòng)元素 ——怎么使用它們、它們有什么問(wèn)題以及怎么解決這些問(wèn)題。
9、HTML與XHTML ——二者有什么區(qū)別，你覺(jué)得應(yīng)該使用哪一個(gè)并說(shuō)出理由。
10、JSON —— 作用、用途、設(shè)計(jì)結(jié)構(gòu)。
面試流程：
自我介紹(用最簡(jiǎn)單的語(yǔ)言表明自己最大的優(yōu)勢(shì))
HTML基礎(chǔ)
CSS基礎(chǔ)
JS基礎(chǔ)
你有什么想問(wèn)的？
就我自己面試經(jīng)歷來(lái)看，各大公司都特別重視原生JS。同時(shí)一面中基本不會(huì)涉及到框架的問(wèn)題。
二面問(wèn)的問(wèn)題就很深入了，會(huì)針對(duì)你的項(xiàng)目進(jìn)行深入剖析，對(duì)你簡(jiǎn)歷上的技術(shù)進(jìn)行深入追問(wèn)，看你是否具有真才實(shí)干。
【百度實(shí)習(xí)生web前端開(kāi)發(fā)工程師的面試經(jīng)歷】相關(guān)文章：
網(wǎng)易web前端開(kāi)發(fā)師面試問(wèn)答的經(jīng)歷08-19
web前端開(kāi)發(fā)工程師工作的崗位職責(zé)01-23
web前端工程師實(shí)習(xí)心得體會(huì)09-29
web前端應(yīng)聘自我介紹02-25
Java開(kāi)發(fā)web的幾種開(kāi)發(fā)模式12-13
Web開(kāi)發(fā)的教程圖解06-05
web前端實(shí)訓(xùn)總結(jié)（通用6篇）02-02
web前端學(xué)習(xí)心得體會(huì)范文01-09