摘要：不過(guò)幸運(yùn)的是所有面試的公司都給了，在這里總結(jié)下經(jīng)驗(yàn)吧。這里推薦下我當(dāng)時(shí)看的一篇的面經(jīng)，木易楊老師寫(xiě)的大廠(chǎng)高級(jí)前端面試題匯總。

本人畢業(yè)一年，最近陸續(xù)面試了頭條、瓜子、360、猿輔導(dǎo)、中信銀行、老虎等公司，由于最近比較寒冬而且招1-3年的并不多，再加上自己對(duì)公司規(guī)模和位置有一定要求，所以最后合適的也就這幾家了。不過(guò)幸運(yùn)的是所有面試的公司都給了offer，在這里總結(jié)下經(jīng)驗(yàn)吧。
掘金：https://juejin.im/post/5d3d31...

我簡(jiǎn)單的把面試分了四個(gè)部分，然后針對(duì)每個(gè)部分做下詳細(xì)的介紹。

技術(shù)面-基礎(chǔ)

技術(shù)面-算法、數(shù)據(jù)結(jié)構(gòu)

技術(shù)面-項(xiàng)目

hr面-綜合

基礎(chǔ)知識(shí)部分是最重要的，我當(dāng)時(shí)看了很多面經(jīng)，自己查找答案并總結(jié)記錄，一定要在自己的博客或者github上總結(jié)一遍，第一可以加深自己的印象，第二以后再找也方便。這里推薦下我當(dāng)時(shí)看的一篇的面經(jīng)，木易楊老師寫(xiě)的《2018大廠(chǎng)高級(jí)前端面試題匯總》。
然后我再總結(jié)下我最近遇到的面試題，標(biāo)注必考的都是大部分公司都會(huì)問(wèn)的

http相關(guān)沒(méi)有特別難的，常見(jiàn)的了解下就沒(méi)問(wèn)題。

介紹Http2，優(yōu)點(diǎn)和存在什么坑或問(wèn)題（必考）

HTTP報(bào)文的請(qǐng)求和返回會(huì)有幾個(gè)部分（請(qǐng)求行、請(qǐng)求頭、請(qǐng)求體）；每部分具體都有什么（常見(jiàn)的請(qǐng)求頭）

GET和POST的區(qū)別

輸入url到頁(yè)面加載全過(guò)程（必考）

介紹HTTPS；HTTP和HTTPS的區(qū)別（必考）

HTTPS加密過(guò)程

HTTP緩存控制（強(qiáng)緩存、弱緩存）；緩存相關(guān)的HTTP請(qǐng)求頭（必考）

對(duì)跨域的了解，跨域怎么解決（必考）

cors的返回頭、cors預(yù)請(qǐng)求，什么時(shí)候會(huì)出發(fā)預(yù)請(qǐng)求（必考）

tcp的長(zhǎng)連接和http2多路復(fù)用相關(guān)

tcp擁塞控制和流量控制

三次握手四次揮手，為什么三次和四次

前端性能優(yōu)化（必考）

css最近問(wèn)的越來(lái)越少了，只要會(huì)寫(xiě)常見(jiàn)的布局就ok，難點(diǎn)的答不出來(lái)也沒(méi)事。相比移動(dòng)端相關(guān)的會(huì)問(wèn)題的比較多。

盒模型

positon的值，都是根據(jù)什么定位（注意下還有sticky）

柵格布局的原理

垂直居中布局

上中下布局，中間自適應(yīng)

左中右布局，中間自適應(yīng)

什么css可以減少重繪

動(dòng)畫(huà)相關(guān)屬性

移動(dòng)端適配方案（必考）

移動(dòng)端適配1px的問(wèn)題

lineheight屬性1.5和150%區(qū)別

em和rem的區(qū)別

重中之重，沒(méi)啥可說(shuō)的刷題就完事了，而且像節(jié)流防抖、bind、promise之類(lèi)的都要會(huì)手寫(xiě)。這里就不標(biāo)必考了，因?yàn)榇蟛糠侄际侵攸c(diǎn)。

判斷數(shù)組方法

Object.assign和Object.create相關(guān)

深拷貝和淺拷貝

let、const和var的區(qū)別

基本類(lèi)型和引用類(lèi)型相關(guān)（堆棧）

bind, call, apply相關(guān)（自己要會(huì)實(shí)現(xiàn)）

介紹事件循環(huán)（宏任務(wù)微任務(wù)，要知道執(zhí)行順序）

定時(shí)器為什么不準(zhǔn)（有可能會(huì)讓你實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)）

原型介紹

繼承方法（手寫(xiě)）

閉包介紹和它的作用（手寫(xiě)）

new實(shí)現(xiàn)過(guò)程

防抖和節(jié)流（手寫(xiě)）

數(shù)組去重、扁平化、柯里化

this指向

es6特性

promise介紹（最好會(huì)寫(xiě)）

promise.all和promise.race介紹（手寫(xiě)）

async介紹（了解原理 generator+自執(zhí)行器）

異步的串行（可以用promise也可以async）

箭頭函數(shù)指向

set、map介紹；和數(shù)組、對(duì)象的區(qū)別

模塊化介紹(commnjs amd cmd umd export)

localstorage sessionstorage cookie

事件委托

Proxy和Object.defineProperty

由于我一直用的react框架，所以面試也問(wèn)的相關(guān)問(wèn)題，一定要了解下框架的原理和狀態(tài)管理的相關(guān)原理，同時(shí)webpack也是必考點(diǎn)。

React介紹、優(yōu)點(diǎn)（必考）

React生命周期（最新版本的也要知道）

介紹diff算法（必考）

介紹虛擬dom、為什么用虛擬dom

組件間的通信方式（必考）

redux介紹和原理（必考）

setState什么時(shí)候異步、什么時(shí)候同步、為什么

事件機(jī)制

路由相關(guān)、幾種history以及每種實(shí)現(xiàn)原理

高階組件介紹

純函數(shù)介紹

React新特性了解么

React hooks介紹

React新生命周期和React Fiber

React和Vue對(duì)比

React常見(jiàn)優(yōu)化方式

webpack介紹、整理的一個(gè)流程（必考）

webpack的優(yōu)化做過(guò)什么（必考）

用過(guò)什么webpack的loader和plugin（必考）

webpack的loader和plugin的原理

本來(lái)以為只有頭條、猿輔導(dǎo)之類(lèi)的公司才考算法，但是最后發(fā)現(xiàn)每家公司都會(huì)考，可能都想拿算法來(lái)做下區(qū)分度了吧。不過(guò)遇到做不出來(lái)的面試官基本也都會(huì)給提示，提示完能寫(xiě)出來(lái)也沒(méi)問(wèn)題?？傮w來(lái)說(shuō)考的都是常見(jiàn)的題或者變形而來(lái)的，把LeetCode或劍指offer里常見(jiàn)的easy題看了就行。數(shù)據(jù)結(jié)構(gòu)和設(shè)計(jì)模式問(wèn)的很少，但是自己也需要總結(jié)了解下。

冒泡排序

快速排序

回文字符串

兩數(shù)之和、k sum

大數(shù)相加

二分查找

二叉樹(shù)前中后遍歷

二叉樹(shù)層次遍歷

二叉樹(shù)深度優(yōu)先遍歷(遞歸、非遞歸)

二叉樹(shù)廣度優(yōu)先遍歷(遞歸、非遞歸)

和為n的二叉樹(shù)路徑

二叉樹(shù)深度

二叉樹(shù)是否對(duì)稱(chēng)

鏈表反轉(zhuǎn)

16進(jìn)制轉(zhuǎn)10進(jìn)制

每個(gè)公司都會(huì)有項(xiàng)目的介紹，如果你介紹的項(xiàng)目面試官有興趣的話(huà)會(huì)很加分，所以一定要認(rèn)真準(zhǔn)備。我一般會(huì)介紹之前做的一個(gè)前端微服務(wù)的架構(gòu)，項(xiàng)目做了很多優(yōu)化也比較復(fù)雜，感覺(jué)算是自己比較加分的部分。

介紹下你項(xiàng)目的難點(diǎn)

如果現(xiàn)在再看這個(gè)項(xiàng)目你會(huì)做哪些優(yōu)化

根據(jù)項(xiàng)目的具體問(wèn)題

能到hr大概率就是過(guò)了，hr部分基本不會(huì)刷人，但是常見(jiàn)的問(wèn)題也需要想想怎么說(shuō)。談薪階段也是非常重要的，感覺(jué)現(xiàn)在的hr都是根據(jù)你的面試情況、工作年限再加上你手里其他offer的薪資來(lái)定的，所以手里有大廠(chǎng)高薪offer的話(huà)還挺重要的。hr溝通完薪資后可以試探性的加一點(diǎn)問(wèn)問(wèn)行不行，現(xiàn)在大部分hr都會(huì)壓薪預(yù)留些空間。

為什么換工作

找工作比較看重什么

介紹下你的項(xiàng)目

為什么學(xué)前端

平常怎么學(xué)前端

手里有哪些offer、期望薪資

一年經(jīng)驗(yàn)其實(shí)問(wèn)的并不難，只要把常見(jiàn)的基礎(chǔ)面試題都總結(jié)好再準(zhǔn)備個(gè)稍微亮眼的項(xiàng)目就基本沒(méi)什么問(wèn)題，同時(shí)面試時(shí)一定要有自信，不會(huì)的不要裝懂，問(wèn)的問(wèn)題多想想再回答。相信自己，自信的人最有魅力。