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