后浪杠茬，你擺攤了嗎苏研？

時(shí)至6月，新冠影響漸小欲诺。

雖然今年注定是全世界的經(jīng)濟(jì)寒冬抄谐，但地?cái)傔€是要擺的，面試也是也要去的扰法。

先說下本人的情況：坐標(biāo)上海蛹含，三非本科（非雙一流非計(jì)算機(jī)專業(yè)），三年多年前端老菜鳥塞颁，小公司在職浦箱，技術(shù)棧Vue + ElementUI。本來打算年后跳槽的祠锣，被疫情逼到了年中酷窥。五一開始做面試準(zhǔn)備，主要投遞渠道是Boss, 歷經(jīng)近一個(gè)月時(shí)間伴网，先后面試了有七家(不包括電話面試)蓬推，拿到三家offer。在此向大家做一次面試報(bào)告澡腾，也是自己的階段總結(jié)拳氢。

正文

先寫面試經(jīng)歷及面試問題，后附自己的一些答案蛋铆。請按需查閱馋评。

公司A

公司情況：

大廠

只能說我膽子比較肥——?jiǎng)傞_始就撞到了新BAT頭上。這個(gè)是獵頭推薦的刺啦。做了一些準(zhǔn)備留特，果不其然還是栽了。一面是視頻面面試，面試官是非常nice的蜕青，會(huì)根據(jù)個(gè)人簡歷去提一些問題苟蹈，基礎(chǔ)知識(shí)較多，要手寫代碼右核！要手寫代碼慧脱！要手寫代碼！

問題：

三欄布局的實(shí)現(xiàn)及優(yōu)缺點(diǎn)

文字單行顯示/三行顯示

重繪和回流

手寫斐波那契數(shù)列及其優(yōu)化

查看代碼輸出贺喝，什么是宏任務(wù)和微任務(wù)菱鸥，都包括哪些？

編寫javascript深度克隆函數(shù)deepClone

Vue路由的兩種模式躏鱼，介紹其原理和優(yōu)缺點(diǎn)

編寫js事件綁定函數(shù)

constEvent = {on() {}// 綁定off() {}// 解綁trigger() {}// 觸發(fā)事件};復(fù)制代碼

手寫去重函數(shù)

constarr = [1,'1','1','NaN',NaN,'NaN',{a: 1},'{a: 1}',{a: 1}]復(fù)制代碼

Vue里面 mixin/自定義指令/v-if/ diff算法

結(jié)果：

掛了

收獲：

由于準(zhǔn)備不足（我菜我不說）氮采，加上有一些知識(shí)平時(shí)沒有認(rèn)真做儲(chǔ)備，磕磕巴巴的答完了大部分問題染苛，異步/mixin/diff之類沒深入了解過鹊漠，好在面試官很nice，會(huì)一步一步引導(dǎo)你思考——然而還是掛了茶行。

得到的教訓(xùn)就是：不能光滿足于做一個(gè)coder（CV工程師躯概？），知其然也要知其所以然畔师，基礎(chǔ)很重要楞陷，理解很重要，最重要的還是能把你想說話的清晰的表達(dá)出來茉唉。

公司B

公司情況：

外包公司的一個(gè)業(yè)務(wù)部門固蛾，做的是自己項(xiàng)目，需要中高級前端配合后臺(tái)實(shí)現(xiàn)（本身無前端）

一面：

由于本部門沒有前端度陆，他們從其他部門借了一個(gè)前端leader（估計(jì)高級）來做面試官艾凯。可能因?yàn)閷λ麄冺?xiàng)目不是特別了解懂傀，著重考察基礎(chǔ)趾诗。

問題：

HTML語義化

CSS3新特性

重繪和回流

閉包及其應(yīng)用

ES6新特性，追問了let蹬蚁、promise恃泪、class 等

簡述webpack配置項(xiàng)

你所知道的排序算法，及其實(shí)現(xiàn)方式

Vue組件傳參的幾種方式

……還有很多關(guān)于js對象的一些API之類

二面：

一面完了就是直接進(jìn)的二面犀斋，二面面試官是本部門的架構(gòu)師（很有范）贝乎，主要聊得是項(xiàng)目和一些問題解決方案。

為什么跳槽

基于項(xiàng)目需求叽粹，如何需求調(diào)研览效，選擇合適的框架及方案却舀，詳述過程

做技術(shù)為什么考PMP(我簡歷上有寫，比較關(guān)心能不能踏實(shí)做技術(shù))

工作中遇到最困難的問題是什么

有沒有帶過團(tuán)隊(duì)

以后的職業(yè)規(guī)劃

HR面：

然后就進(jìn)入HR面锤灿，HR是個(gè)身材很棒的小姐姐（帶著口罩沒看到臉）

什么時(shí)候能入職

期望薪資多少

……口水話

結(jié)果：

拿到了offer挽拔，但是薪資沒達(dá)到期望值，拒了

收獲：

很有收獲的的一次面試經(jīng)歷但校，增加了見識(shí)螃诅，也給了我一定的信心。面試畢竟是一個(gè)雙向選擇的過程状囱，能遇到一些值得學(xué)習(xí)的人术裸，思考一些平時(shí)沒想過的問題，也是一次不錯(cuò)經(jīng)歷浪箭。

公司C

公司情況：

小公司，做自己項(xiàng)目辨绊，有兩個(gè)前端（都很年青）奶栖，估計(jì)要招個(gè)前端leader，但是JD并沒有寫

面試：

公司十幾個(gè)人的規(guī)模门坷，是總經(jīng)理在boss上發(fā)的面試邀請宣鄙，離我住的地方頗近，所以還是很感興趣的默蚌。但是不知道是領(lǐng)導(dǎo)不在還是其他原因冻晤，派出兩個(gè)小朋友做面試官。

這段面試經(jīng)歷并不是很好绸吸。兩位面試官他們估計(jì)沒什么經(jīng)驗(yàn)鼻弧，也沒有準(zhǔn)備好需要問的問題。問的一些話語焉不詳锦茁，還有就是拿工作中的一些問題來提問構(gòu)思……

結(jié)果：

也許相互都不是特別滿意攘轩，沒下文了

收獲：

很糟糕的一次面試經(jīng)歷。

公司D

公司情況：

中型公司码俩，做政府項(xiàng)目

一面：

同樣不是特別愉快的一次面試經(jīng)歷度帮。

面試定的是下午兩點(diǎn)，我提前十分鐘到的稿存。然而同一塊來的有1個(gè)前端笨篷，3個(gè)測試，6個(gè)后臺(tái)（壓力頗大）——他們的HR把所以有人訂在了同一時(shí)間瓣履？率翅！然后前臺(tái)讓大家排排隊(duì)領(lǐng)個(gè)人信息表，現(xiàn)場打印面試題……一波操作20分鐘過去了袖迎，然后就是半個(gè)小時(shí)做題安聘，做完了等著被面試痰洒。。浴韭。

等到接近四點(diǎn)我才被通知可以面試——來都來了丘喻，就面一下咯——出來面試，心態(tài)要好念颈。然后最騷的操作來了泉粉，我被HR帶到一間小辦公室，里面只有一臺(tái)電腦——?面試官在遠(yuǎn)程面試?榴芳。當(dāng)時(shí)心里一萬匹草泥馬跑過……但是嗡靡，來都來了……

問題：

做下自我介紹

用戶登錄流程及權(quán)限判定，用戶信息存儲(chǔ)

路由跳轉(zhuǎn)窟感，頁面如何刷新

介紹下平時(shí)工作內(nèi)容及流程

介紹個(gè)人工作經(jīng)歷

發(fā)了一個(gè)閉包的題看輸出

會(huì)不會(huì)React

有什么想問我的

面完第一件事告訴HR——如果有二面讨彼，而且還需要遠(yuǎn)程的話，煩請?zhí)崆半娫捀嬷?我真有禮貌(⊙o⊙)…)

二面：

二面是晚上下班在家視頻面試的（微信群聊）

定的8點(diǎn)柿祈，面試官遲到十分鐘哈误。HR跟我說是老總面試，我以為要聊項(xiàng)目躏嚎，?吹牛B?談理想（一面基本都沒怎么問）蜜自，結(jié)果碰到了一個(gè)很接地氣的老總。

問題：

說說盒模型類型及區(qū)別

div垂直居中

怎樣寫一個(gè)可拖曳的div卢佣，怎樣將他拖到其他節(jié)點(diǎn)內(nèi)

Vue生命周期

Vue路由守衛(wèi)

Vue組件傳參

現(xiàn)場畫一個(gè)三行三列自適應(yīng)布局

結(jié)果：

拿到了offer重荠，但是由于對該公司的觀感和上班距離原因，拒了

收獲：

很奇葩的一次面試經(jīng)歷虚茶，長見識(shí)的那種戈鲁。

公司E

公司情況：

中大型公司（聽過名字那種），做內(nèi)部項(xiàng)目嘹叫，JD要求資深

面試：

很舒適的一次面試（可能我是自虐狂）荞彼。

HR是個(gè)大帥哥（很少見男性又很帥的HR）,公司很多人，有些嘈雜待笑。面試直接是在門口待客小桌子上進(jìn)行的鸣皂。面試官居然老鄉(xiāng)，很厲害暮蹂，問的非常詳細(xì)寞缝，由淺入深——基本上對所有前端知識(shí)做了一個(gè)梳理。

問題：

HTML語義化

用過的一些HTML5標(biāo)簽

和 import的作用及區(qū)別

盒模型分類和區(qū)別

絕對定位和相對定位

BFC定義/作用/觸發(fā)條件

display的屬性

選擇器優(yōu)先級

三欄布局

ES6語法:promise/箭頭函數(shù)/class

閉包的用法和作用域

原型鏈仰泻，實(shí)現(xiàn)繼承的方法

異步及其解決方案荆陆，宏任務(wù)和微任務(wù)及其流程

跨域

實(shí)現(xiàn)深拷貝

實(shí)現(xiàn)promise

http的GET和POST區(qū)別/狀態(tài)碼

http的GET和POST

Vue生命周期/組件通信/響應(yīng)式實(shí)現(xiàn)/路由模式/路由守衛(wèi)

webpack的打包原理、常用的loader和plugin集侯，以及一些常用配置

node.js的異步操作

TypeScript的認(rèn)識(shí)

前端微服務(wù)的實(shí)現(xiàn)方法

有沒有帶過團(tuán)隊(duì)

你最擅長什么領(lǐng)域

前面回答基本沒問題被啼，但到后面webpack帜消、node、微服務(wù)那一塊浓体，就有些捉襟見肘了泡挺。不過面試官很有耐心，每個(gè)回答都是記錄命浴，不清楚的也很耐心的解釋娄猫。經(jīng)過溝通發(fā)現(xiàn)，他這幾天面了很多人了生闲。媳溺。。

一面面試官對我的評價(jià)不錯(cuò)（也許是老鄉(xiāng)加成）碍讯，然而被很遺憾的通知二面面試官?zèng)]時(shí)間悬蔽。。捉兴。

結(jié)果：

掛了

收獲：

很有收獲的一次面試蝎困，面試官給了很多指導(dǎo)性意見及建議，自己對?資深?有了更切身的認(rèn)識(shí)轴术，也明確了進(jìn)一步學(xué)習(xí)的方向难衰。

公司F

公司情況：

中小型文創(chuàng)公司

面試：

面試官：接受996嗎钦无？

我：請問貴公司招聘預(yù)算多少逗栽？

結(jié)果：

這是我面試時(shí)間最短的一次面試。

收獲：

很感謝面試官的單刀直入失暂，避免了浪費(fèi)大家時(shí)間彼宠。

個(gè)人可以接受加班的，趕項(xiàng)目的話義務(wù)加班也可以弟塞，但我真不想進(jìn)ICU凭峡。

公司G(最終入職)

公司情況：

創(chuàng)業(yè)公司

電話面試：

面試官應(yīng)該是看著我博客來面的我，一開始問的是一些基礎(chǔ)知識(shí)决记，后來就問項(xiàng)目摧冀。問題就不一一列舉了，跟之前列的大都重復(fù)系宫，畢竟前端知識(shí)雖然比較雜索昂，主要知識(shí)點(diǎn)還是可以抓住脈絡(luò)的。

一面：

現(xiàn)場一面也是沒有太多的問題扩借，小姐姐很隨和椒惨，沒問過多關(guān)于技術(shù)的問題，因?yàn)橹半娫挾剂倪^了潮罪，主要聊得一些就是怎么入行康谆，平時(shí)工作遇到的問題领斥，解決方案，平時(shí)下班都做什么沃暗，個(gè)人發(fā)展規(guī)劃月洛，寫博客什么感受，最近在學(xué)什么描睦，對加班的看法……諸如此類

二面：

二面是應(yīng)該是技術(shù)總監(jiān)膊存，主要問的就是關(guān)于平時(shí)的學(xué)習(xí)（我自己介紹有說這些），平時(shí)的一些學(xué)習(xí)路徑忱叭、個(gè)人發(fā)展規(guī)劃及期望隔崎。

三面：

三面是公司CEO和HR一塊面的，主要問的就是關(guān)于項(xiàng)目的問題韵丑，個(gè)人負(fù)責(zé)的的模塊爵卒，關(guān)于一些項(xiàng)目選型的問題，還有一些項(xiàng)目上線的流程撵彻，臨場問題的解決方案钓株，為什么想跳槽，對公司的期待陌僵，還有一些公司的介紹轴合。

結(jié)果：

隔天拿到了offer，蠻喜歡公司氛圍的碗短，大家都比較隨和受葛。比較期待入職。

收獲：

待入職公司也是希望找一個(gè)能干活的前端偎谁。希望首先將分內(nèi)工作做好总滩，多接觸些其他的業(yè)務(wù)（類似多端、小程序巡雨、app之類）闰渔，踏踏實(shí)實(shí)積累沉淀，提升技術(shù)铐望，熟悉業(yè)務(wù)冈涧，深入行業(yè)，爭取做一個(gè)斜杠青年正蛙。

總結(jié)

以上即是本次面試歷程的一些總結(jié)了督弓，有詳有略，應(yīng)為有的面試我有錄音做復(fù)盤跟畅，有的不方便或忘記錄了咽筋，就全靠記憶，可能有的地方有些遺漏徊件，見諒哈奸攻。

通過這幾場面試下來蒜危，感覺今年的就業(yè)壓力其實(shí)蠻大的。當(dāng)然睹耐，是金子總會(huì)發(fā)光辐赞，人才在哪里都不愁找工作——所以說小伙伴們加油啊——不要慫，盤它硝训！

個(gè)人現(xiàn)在的定級在中級+左右响委，在上海來說，大廠的薪資相對會(huì)高一些窖梁，不過對基礎(chǔ)及算法的要求也高一些赘风；小公司的話，對算法的要求不高纵刘，瀏覽器原理和JS邀窃、ES占的比例較大，框架其次假哎，最好還要有些項(xiàng)目打包經(jīng)驗(yàn)瞬捕。

寫這篇博客呢，主要是自己?水一篇博客?做個(gè)階段總結(jié)舵抹，如果能幫助到大家是最好了肪虎。

建議

最后對小伙伴們提些建議：

平時(shí)的積累很重要：工作中遇到的一些問題及其解決方式，我們可以記錄下來惧蛹，抽空做個(gè)總結(jié)扇救。最好就是找個(gè)平臺(tái)寫博客，掘金赊淑、GitHub爵政、博客園仅讽、CSDN都可以陶缺，好記性不如爛筆頭，自己寫一遍比看一遍好使的多洁灵。在線博客不進(jìn)方便自己查閱饱岸，面試玩意碰到記不太清的知識(shí)點(diǎn)還能說——我博客上有總結(jié)過。

簡歷不要給自己挖坑：會(huì)啥就寫啥徽千，寫啥就會(huì)啥苫费。正常的面試官都會(huì)根據(jù)簡歷來提問，所以簡歷上不要出現(xiàn)自己不懂的名詞——不懂就去查双抽，去背百框，哪怕不特別理解到時(shí)候也能說個(gè)一二三來。不然一問三不知真的尷尬牍汹。

面試之前要做準(zhǔn)備：面試就是考試铐维，考試我們就得復(fù)習(xí)柬泽。前端的知識(shí)體系還是很明朗的——頁面、樣式嫁蛇、JS锨并、框架、項(xiàng)目打包及構(gòu)建睬棚，先掌握自己拿手的第煮，然后掃除盲點(diǎn)。

別在一個(gè)坑掉進(jìn)去兩次：和面試官切磋抑党，為了了解目前的就業(yè)形勢包警。了解并正視自己的不足；當(dāng)這個(gè)面試有些問題你答不上來時(shí)底靠，沒關(guān)系揽趾，回去查資料，看視頻苛骨，做復(fù)盤篱瞎，一定要記住它，下次你就可以游刃有余了痒芝。怕忘的話可以錄音俐筋。

不要裸辭！不要裸辭严衬！不要裸辭３握摺：重要事情說三遍，如果有房貸車貸的話请琳，裸辭找工作壓力真的很大——手里有糧粱挡，心里不慌。當(dāng)然俄精，土豪隨意……

盡量不要把時(shí)間線拖太久：一邊上班一般找工作是蠻辛苦的询筏，要想請假理由，下班要準(zhǔn)備面試竖慧。所以要一鼓作氣嫌套，盡量突擊半個(gè)月多拿幾家offer，時(shí)間線拉太長可能會(huì)懈祷肌（我就是拖得有些久了）踱讨。盡量有選擇則的、找匹配（薪資砍的、能力痹筛、通勤之類）的公司去面試，決不能接到面試邀請就去，不然只是浪費(fèi)自己的時(shí)間帚稠。

端正心態(tài)产雹，堅(jiān)持學(xué)習(xí)：技術(shù)日新月異，框架層出不窮翁锡。既然選擇了這個(gè)行業(yè)蔓挖，就要端正心態(tài)，努力學(xué)習(xí)馆衔，提升技術(shù)瘟判，熟悉業(yè)務(wù)，深入行業(yè)角溃，別讓后浪拍死拷获。

有更多想了解的朋友，

一减细、搜索QQ群匆瓜，前端學(xué)習(xí)交流群：1093606290

二、[https://jq.qq.com/?_wv=1027&k=MlDBtuEG](https://links.jianshu.com/go?to=https%3A%2F%2Fjq.qq.com%2F%3F_wv%3D1027%26k%3DMlDBtuEG)

三未蝌、