說在前面的話

首要我有必要要說 chat 的標(biāo)題獲得有點(diǎn)大?？墒钦缱畛跛?，這個(gè) chat 是給預(yù)備或許行將成為前端工程師的同學(xué)們的。
其實(shí)，我現(xiàn)在也正處于這個(gè)階段，所以我期望能與我們共勉。在本場(chǎng) chat 中，我可能更多的共享的是關(guān)于自己在求職進(jìn)程中的一些閱歷和主意。
期望能給我們帶來一點(diǎn)協(xié)助。下面進(jìn)入正題：
1. 一個(gè)合格的前端開發(fā)需求那些常識(shí)儲(chǔ)藏？
1.1 前端專業(yè)技能儲(chǔ)藏
其實(shí)專業(yè)技能的儲(chǔ)藏是比較籠統(tǒng)的，由于大多數(shù)專業(yè)都不會(huì)有前端相關(guān)的課程。
因而，前端開發(fā)工程師一般都是自學(xué)成才，那么是否就意味著前端工程師就不需求重視自己的硬技能呢？其實(shí)不是。
前端開發(fā)工程師牽涉的常識(shí)規(guī)模是十分廣的，特別是跟著 nodejs 的呈現(xiàn)，使得 javascript 開發(fā)者面臨著史無前例的常識(shí)荒漠等待著我們?nèi)ラ_闊。
下面我羅列一些在前端工程師面試中遇到的專業(yè)技能問題。而這些問題是作為前端開發(fā)工程師有必要去深化學(xué)習(xí)的問題，就像英語學(xué)習(xí)中的單詞回憶一樣重要。下面羅列我以為比較重要的常識(shí)點(diǎn):
javascript 相關(guān)
原型鏈與效果域
閉包
模塊化(amd/cmd/umd/ES6 module)
跨域多種方法，如 jsonp
javascript 中的 this 指向問題
CORS
AJAX 的幾種狀況，ajax與fetch，hijax
iframe 與 onload 堵塞主頁面
前端安全與 CSRF，XSS，SQL注入，DDOS
js 異步加載
IE 內(nèi)存走漏
js 創(chuàng)立目標(biāo)的幾種方法
js 承繼的幾種方法與優(yōu)缺陷
SEO
ES6 新特性
promise 與 generator
服務(wù)器推
jQuery 相關(guān)
js 捕獲與冒泡
drag 和 drop 完成拖拽
cookie/session/本地存儲(chǔ)
雅虎網(wǎng)站優(yōu)化的軍規(guī)
css 與 js 的堵塞加載
chrome / IE 瀏覽器事情兼容
css 相關(guān)
筆直水平居中
盒模型
起浮與定位
排版引擎與js引擎
GPU 加快與動(dòng)畫功能
DOM1，DOM2，DOM3 規(guī)范
css 功能
h 標(biāo)簽與 title 標(biāo)簽
em 與百分比等
瀏覽器緩存與使用緩存
div 與 table 布局
web 規(guī)范
css 的 hack 技能
png/jpg/webp 圖片格式
canvas 與 svg
css3 的新特性，如 flex 布局等
呼應(yīng)式布局
link 與 import 差異
三欄自適應(yīng)
b 和 strong，i 和 em 差異
削減頁面回流
BFC
硬件加快與動(dòng)畫優(yōu)化
前端自動(dòng)化相關(guān)
webpack 相關(guān)
webpack-dev-server 相關(guān)
單頁面打包東西+多頁面打包東西
babel 相關(guān)
其他常識(shí)
http/1.1 與 http2
http 三次握手協(xié)議
http 狀況碼
json 與 xml
前端功能優(yōu)化
nodejs/npm 相關(guān)內(nèi)容
算法
幾種排序算法
回文字符
遞歸(很重要)
其他常見的前端算法
上面牽涉到的任何一部分內(nèi)容都應(yīng)該要可以融匯貫通。許多人都激烈對(duì)立刷題，其實(shí)我以為刷題自身沒有什么害處，只需你能真實(shí)的將這部分常識(shí)弄懂，那么也是一個(gè)好的學(xué)習(xí)方法。
比方上面我說的一個(gè)點(diǎn)，如硬件加快。那么許多人就會(huì)想到:

可以敞開GPU加快，那么你關(guān)于GPU加快又了解多少?webkit的網(wǎng)頁分層了解嗎?你知道將動(dòng)畫放到一個(gè)獨(dú)立的圖層中可以削減頁面的回流嗎？你知道軟件加快和硬件加快差異嗎？
我曾經(jīng)也測(cè)驗(yàn)了解了這部分的內(nèi)容，后邊發(fā)現(xiàn)當(dāng)你越深化了解，你感覺自己會(huì)的東西越少，可是當(dāng)你真實(shí)自始至終去細(xì)心學(xué)習(xí)了的時(shí)分，你會(huì)發(fā)現(xiàn)你真的是在生長(zhǎng)。
這樣，當(dāng)面試官問到這部分內(nèi)容的時(shí)分，你也可以信手拈來。如果你想要深化了解硬件加快和軟件加快，你可以細(xì)心學(xué)習(xí)一下這部分內(nèi)容，當(dāng)然也包含動(dòng)畫功能優(yōu)化。
我想，當(dāng)你能將硬件加快在面試中表達(dá)這么多的時(shí)分，任何一個(gè)面試官都會(huì)對(duì)你發(fā)生愛好。
又比方這幾年比較火的打包技能 webpack，你可能知道它可以處理模塊化開發(fā)的問題，它相關(guān)于 gulp/grunt 等有許多長(zhǎng)處。
可是你仍然需求深化的了解它，比方: webpack 的 loader 與 plugin 的差異，webpack 的 tree-shaking 技能，webpack 集成 webpack-dev-server ，webpack 的 HMR 等等。
經(jīng)過上面兩個(gè)比方，我是想要通知你：任何一個(gè)前端技能，你都要學(xué)會(huì)問為什么？只要你學(xué)會(huì)問為什么才闡明你在考慮。
這是刷題與學(xué)習(xí)的最重要的差異，所以我覺得，如果是抱著學(xué)習(xí)的情緒去刷題自身就無可厚非，由于它能讓你快速堆集相關(guān)的常識(shí)，有問題的當(dāng)?shù)夭鸥稍杏ＷR(shí)。
1.2 交流交流才能
這一部分內(nèi)容往往來自于hr,他們是一群很靈敏的集體。他們一般都不會(huì)問你技能問題，你需求通知他，你很喜歡這個(gè)公司，你很垂青這個(gè)時(shí)機(jī)，如果你過來了你會(huì)怎樣怎樣樣。
我記住阿里HR其時(shí)還問了我這樣一個(gè)問題：“你為什么挑選做前端？你覺得前端和后端首要差異是什么？”
當(dāng)然，這都是很開放性的問題，任何人都會(huì)有不同的答復(fù)，你只需求正確的表達(dá)你的觀念，可是牢記不要極點(diǎn)。
由于，誰也不想和一個(gè)思維很極點(diǎn)的人一同作業(yè)!我下面敘述一下我面試的幾家公司HR階段都問了什么問題:
阿里巴巴
拿到阿里的 offer 路途是比較崎嶇的。實(shí)習(xí)階段經(jīng)過了三輪面試，盡管都是電話面試，可是感覺仍是挺難的。
經(jīng)過我上面說的那種刷題方法，技能上的問題根本都可以答復(fù)上來，當(dāng)然這也可能是由于公司自身關(guān)于應(yīng)屆生的要求比較簡(jiǎn)單罷了，或許說我具有了必定的面試技巧。
當(dāng)然，后邊又經(jīng)過了實(shí)習(xí)生轉(zhuǎn)正的3輪面試，包含技能面試和HR面試，不過這個(gè)階段一般都是由于部分HC的約束，所以許多實(shí)習(xí)生都沒有可以留下來，所以我算走運(yùn)的一批。
其時(shí)HR問過我?guī)讉€(gè)問題，比方:你為什么挑選前端?你覺得你最大的缺陷是什么？關(guān)于未來你有什么規(guī)劃？這些問題其實(shí)在網(wǎng)上都能看到，可是許多人可能答復(fù)的并不怎樣好，終究結(jié)局往往很悲慘劇。
所以在面試前，你必定要想好這幾個(gè)問題，如果是電話面試最好可以寫下來。而如果是現(xiàn)場(chǎng)面試，那必定也要能很快的說出來，并且有條理，一同也不要給他人一種感覺你是在背標(biāo)題。
這點(diǎn)很重要，由于他人在調(diào)查你的交流才能，而不是你的回憶才能。
美團(tuán)
美團(tuán)的面試算法居多，其時(shí)技能上首要寫了幾個(gè)遞歸算法，這兒就不再多說。
可能是由于在前面三輪面試中我表述了自己在實(shí)習(xí)階段的一些不如意，所以 HR 階段首要 focus 在這個(gè)方面。
比方：如果你的上一家公司和我們一同給了你offer，那么你會(huì)挑選誰，為什么？你實(shí)習(xí)是在杭州，我們的 base 地址首要在北京和上海，你有沒有考慮？這一類的問題，我的答復(fù)都是不要緊，會(huì)考慮這一類的。
當(dāng)然，這一點(diǎn)有點(diǎn)昧心，可是至少可以讓HR看到你對(duì)他們公司感愛好，你是帶著真摯來的，而不是來玩玩。
何況招聘的進(jìn)程就是雙向的，所以你很難確保他人是否會(huì)給你時(shí)機(jī)，那么你當(dāng)然應(yīng)該去爭(zhēng)奪，而不必自動(dòng)斷了自己的路。
當(dāng)然，到了HR階段，如果你沒有說什么不能說的，或許特別讓他人以為你不適應(yīng)這個(gè)崗位的，那么一般都是沒有問題的。
終究，美團(tuán)也如我預(yù)期的給了我 offer，并且是榜首個(gè) offer，盡管終究沒去。
網(wǎng)易游戲
網(wǎng)易的校招面試難點(diǎn)在于書面考試，這一點(diǎn)我現(xiàn)已領(lǐng)教過了，我加上在實(shí)習(xí)階段的閱歷，在網(wǎng)易書面考試上掛了3次。
終究一次我是跑去北京霸筆的，由于我實(shí)習(xí)回來的時(shí)分現(xiàn)已錯(cuò)過了網(wǎng)易的校招，一切就只趕上了網(wǎng)易游戲的獨(dú)自招聘。
終究，做了書面考試題，比較潰散，感覺自己應(yīng)該是沒有時(shí)機(jī)了。終究游戲部分的 HR 姐姐通知我，體系又開放了，我可以到校招體系中再次錄入我的信息，這一點(diǎn)真的感謝網(wǎng)易游戲的 HR 姐姐。
網(wǎng)易游戲前端提名人團(tuán)隊(duì)其時(shí)給我驚呆了，簡(jiǎn)直都是985類的研究生，并且一般都是拿著 BAT 等級(jí)其他前端 offer 來的。
不過，留下來的也少得不幸。到了HR階段，也沒有問我什么過多的問題，就和我聊了聊在杭州實(shí)習(xí)的閱歷。
當(dāng)然，還有就是談薪酬了，那么是榜首次談薪酬，終究成果比較被迫。
其實(shí)，我覺得在HR階段闡明你在技能上現(xiàn)已得到認(rèn)可了，至少能到達(dá)你面試的公司的基準(zhǔn)線了。
可是在面試之前，你最好要想清楚幾個(gè)問題:你為什么要來這個(gè)公司？你覺得你能給公司帶來什么？你覺得你還有那些當(dāng)?shù)厝狈Γ枨蟾纳疲?/span>
等等諸如此類，而不要不做任何預(yù)備，那么HR姐姐肯定會(huì)給你一驚的。
2. 面試前你應(yīng)該做怎樣的預(yù)備？
2.1 學(xué)習(xí)式的刷題
說實(shí)話，在面試前我一向都在”刷題”。由于面試就短短的幾十分鐘，除了堅(jiān)持常識(shí)的廣度，你也需求確保常識(shí)的了解程度，所以那段時(shí)刻我一向都在重復(fù)的溫習(xí)我上面說到的這些常識(shí)點(diǎn)。
簡(jiǎn)直你只需問其間的任何一個(gè)問題，我都能立馬答復(fù)出來。
當(dāng)然，每天如果只是做這些，你會(huì)感到很煩，所以那段時(shí)刻我也會(huì)學(xué)習(xí)一些新的東西，寫一些小項(xiàng)目托管到 github 上，頻頻更新自己的博客，乃至有時(shí)分一天更新了好幾篇(看jQuery源碼的時(shí)分)。
所以你可以去我的博客看看那段時(shí)分我都寫了些什么。這兒我需求強(qiáng)調(diào)下，博客和 github 是面試官比較垂青的點(diǎn)。
記住其時(shí)收到新浪的一個(gè)面試邀約就是由于我的博客，其時(shí)面試官說，看你博客中有寫 node 內(nèi)容的，是否有愛好參與新浪的面試。
當(dāng)然，終究由于作業(yè)地址的原因拋棄了?？墒俏蚁胝f的是，堅(jiān)持記載常識(shí)和問題的習(xí)氣是自我進(jìn)步一個(gè)重要的方面。其時(shí)，我們一同找前端職位的小伙伴，簡(jiǎn)直每人都有一個(gè)自己的博客。
我們回到刷題的問題上來。請(qǐng)記住,刷題的初衷應(yīng)該是為了擴(kuò)寬自己常識(shí)的深度，深度的學(xué)習(xí)才干讓你生長(zhǎng)，而不是總是蜻蜓點(diǎn)水。其時(shí)和我一同面試阿里的還有好幾個(gè)同學(xué)，可是終究都沒能經(jīng)過。
其實(shí)，我覺得他們的問題首要是太重視自己常識(shí)的廣度，而疏忽了常識(shí)的深度。
比方，同一個(gè)問題，我可能會(huì)說出 A+B+C+D，可是他們卻只能說出A+B，并且A+B往往都是網(wǎng)上現(xiàn)成的答案。
能參與這場(chǎng) chat，我需求通知你，如果你想要進(jìn)BAT等大型互聯(lián)網(wǎng)公司，千萬別只重視常識(shí)的廣度而疏忽了深度。
特別是關(guān)于前端的開發(fā)職位來說，css+js+nodejs+打包東西等等內(nèi)容，常常會(huì)讓你目不暇接，可是必定別忘了深度問題。
2.2 簡(jiǎn)歷猜題
我參與阿里邊試之前沒有任何實(shí)習(xí)閱歷，僅有有的就是自己做過一個(gè)小項(xiàng)目，包含前端和后端都是我寫的。
其實(shí)，它自身都算不上一個(gè)項(xiàng)目，就是為了面試搞的(其實(shí)并不滿是)，其時(shí)好幾個(gè)同學(xué)也開發(fā)了一個(gè)相似的網(wǎng)站，意圖就是為了能讓面試官在簡(jiǎn)歷里邊找問題。
簡(jiǎn)歷里邊找問題很簡(jiǎn)單，可是在簡(jiǎn)歷里邊自己找問題也很簡(jiǎn)單，你可以參閱上面榜首部分說到的基礎(chǔ)常識(shí)，然后推測(cè)面試官會(huì)問那些問題。
終究你會(huì)發(fā)現(xiàn)，面試官問的問題要么就是上面你預(yù)備的基礎(chǔ)常識(shí)，要么就是你現(xiàn)已在簡(jiǎn)歷中推測(cè)出來的問題。大多數(shù)狀況下都是如此。
2.3 反客為主
我閱歷的每一場(chǎng)面試終究都會(huì)有這個(gè)問題:你還有什么問題嗎?其實(shí)每次面試之前我都會(huì)想好我需求問什么，有些問題來自于自身的考慮，有些問題來自于上一次面試和其他公司的比較等等諸如此類。
還有就是，在每一輪面試的時(shí)分，如果面試官在表述的時(shí)分我都會(huì)記載下來他的首要內(nèi)容，然后想好那些當(dāng)?shù)匚倚枨筮M(jìn)一步深化了解的。所以在這個(gè)階段我往往會(huì)有許多話說，或許說有許多問題要問。
比方我前次到了網(wǎng)易游戲的第三輪技能面試的時(shí)分問了面試官一個(gè)問題：前次網(wǎng)易郵箱出了一次用戶信息走漏的問題，這個(gè)問題會(huì)和前端有聯(lián)系嗎？
網(wǎng)易前端在安全方面是否做了處理，比方 CSRF,XSS,SQL 注入等等。
所以，在這個(gè)階段，我覺得有問題問闡明在整個(gè)面試的進(jìn)程中你在考慮。我是鼓舞在這個(gè)階段提出你自己的問題的。
3. 面試時(shí)分怎么做到見機(jī)行事？
其實(shí)要做到見機(jī)行事不簡(jiǎn)單，可是也不困難。我的自傲來自于我上面說的”學(xué)習(xí)式的刷題”，當(dāng)然我這兒說的刷題不是那種樸實(shí)的刷題自身，這部分內(nèi)容我上面現(xiàn)已具體說過了。
除了刷題可以做到見機(jī)行事以外，還有就是上面說的猜題，這種出于簡(jiǎn)歷自身內(nèi)容的猜題也是進(jìn)步你面試自傲的重要維度。
終究一個(gè)方面就是引導(dǎo)，你除了要知道面試官的問題以外，你還要通知面試官你會(huì)什么。而你會(huì)什么的答復(fù)來自于你對(duì)面試官的引導(dǎo)。
比方，你對(duì)webpack很了解，那么你在面試中應(yīng)該故意的體現(xiàn)出來，而面試官一般都是很靈敏的，所以如果引導(dǎo)妥當(dāng)將會(huì)是一個(gè)很好的體現(xiàn)時(shí)機(jī)。
還有一點(diǎn)就是，面試官一般也會(huì)去調(diào)查你常識(shí)的深度，你通知他你對(duì) webpack 很了解，那么他出于這個(gè)意圖也會(huì)對(duì)這部分內(nèi)容進(jìn)行進(jìn)一步的調(diào)查吧。
4. 心態(tài)
心態(tài)是最重要的一個(gè)環(huán)節(jié)。其時(shí)校招季許多同學(xué)由于壓力過大，終究都病倒了，跑去醫(yī)院打點(diǎn)滴。還有些同學(xué)，在閱歷一次面試失利的沖擊后就不想溫習(xí)了，就覺得沒有時(shí)機(jī)了。
不管是那種狀況，我覺得都不是一個(gè)好的求職情緒。由于，校招季的時(shí)機(jī)許多，錯(cuò)過了，并不是說徹底沒有時(shí)機(jī)了，何況許多公司終究還有春招等。
所以說，情緒自身就是最重要的，如果你病倒了或許采納消極怠工的情緒，那么終究你往往失掉的會(huì)更多。