摘要：先說下我面試情況，我一共面試了家公司。篇在我面試的眾多公司里，只有同城的面問到相關問題，其他公司壓根沒問。我自己回答的是自己開發組件面臨的問題。完全不用擔心對方到時候打電話核對的問題。

2019的5月9號，離發工資還有1天的時候，我的領導親切把我叫到辦公室跟我說："阿郭，我們公司要倒閉了，錢是沒有的啦，為了不耽誤你，你趕緊出去找工作吧"。聽到這話，我虎軀一震，這已經是第2個月沒工資了。

公司真尼瑪黑，明天就要發工資，今天才告訴我說你要倒閉。領導難道是今天忽然想起來要倒閉嗎？

算了，也沒其他辦法了。于是才工作半年的我，又填寫了簡歷，開始了默默的找工作之旅。

我是從5月中旬開始找工作的，到現在半個月了。先說下我面試情況，我一共面試了10家公司。其中4家公司確定拿到了offer。還有一家公司1面通過了，邀約我參加2面。但是面試了這么久挺累的，就拒絕了。

以下是我面試過程中遇到的一些面試題，我整理出來。每個問題也附上相關的資料，方便自己使用。如果對你們有幫助的，也希望點個贊吧。

在我面試的眾多公司里，只有58同城的1面問到相關問題，其他公司壓根沒問。

1.html4和html5的DOCTYPE有什么區別，以及他們的作用？

答案：HTML 聲明

問css的公司也很少，只有那些需要做h5的公司才問下。

1.你用過flex布局嗎？你簡單說幾個flex的屬性？比如左對齊的屬性是啥？右對齊的屬性是啥？

flex是個很簡單的知識點，花5分鐘時間把教程看一遍，肯定就沒問題了。

Flex 布局語法教程

2.css3實現動畫的方式有那些？

我的回答：有transition tranform animation。 這樣回答已經沒問題了，從來沒有人再追問了。如果你需要更深入了解可以點擊以下教程查看.

CSS3的動畫屬性

3.你移動端是如何做適配的？

我的回答：早期的時候我是通過計算設計稿和屏幕的比例，動態的設置device-width和initial-scale，再通過px定位來實現移動端適配。后來改用rem，淘寶的flexbile出來之后，我就用flexbile?，F在都是用css新的單位vw適配的。

這樣回答，基本上就沒問題了，也沒有追問。感興趣可以看下這兩個教程

移動端適配問題解決方案

移動端適配總結

4.如何實現垂直居中

我的回答：如果是行內元素的話，就設置父類的text-align和子類的vertical-align(實際應用中vertical-align并不怎么有效)。我個人比較常用的設置父元素為相對定位，再設置子元素絕對定位，top和left為50%，transform為-50% -50%。有時候也用flex。

這樣回答，我個人感覺就行了。沒那么多花里胡哨的東西。以下是知識點的補充，剛興趣的可以看下，這個大佬的教程。

Vertical-Align，你應該知道的一切

16種方法實現水平居中垂直居中

5.盒裝模型和怪異模型有什么區別，如何在現代瀏覽器中實現怪異模型？

我的回答：盒裝模型的寬度等于content-width，不包括邊框和padding。怪異模型的寬度等于內容寬度+padding+邊框。在現代瀏覽器中設置box-sizing為border-box 就可以實現怪異模型。

標準模式與怪異模式對于渲染頁面的影響

6.如何實現圣杯布局？

css經典布局——圣杯布局

7. 簡單說下bfc是啥,以及如何形成一個bfc

學習 BFC (Block Formatting Context)

總結:面試中關于css的問題非常少，常問的也就1-4。5,6,7只被問過一次。

1.說下es6里你常用的功能？

這問題10個公司面試，10個公司的人都問。我都不知道問這些有啥意義。

我的回答：我先說我常用的啊，定義變量的時候用let、const，定義函數用箭頭函數，數組新增了一些方法，比如from、of、includes。字符串新增了一些方法padStart、padEnd、includes。擴展運算符、解構賦值。接下里就是最常用的promise和async和await。不怎么常用的是set、map、weekset、weekmap、Symbol、proxy等。

ECMAScript 6 入門

2.說一說let、const和var的區別？

我就不寫自己的答案了，有更好的問題，我就給你們推薦更好的文章。

let 和 var的區別

3.數組foreach和map的區別？

我的回答：foreach是直接修改原數組的，map是修改之后返回一個新的修改過數組，原數組不變。

4.call、apply、bind的區別？

this、apply、call、bind

5.你是怎么實現js繼承的，不使用class，寫個你最常用的繼承方式？

深入JavaScript繼承原理

6.js的原型鏈是啥？

JavaScript原型與原型鏈

7.說一說js的閉包是啥？手寫一個閉包的案例

JavaScript 閉包

8.說一說promise是啥？

可以參考一下兩篇文章：

面試精選之Promise

解讀Promise內部實現原理

9.你能不能手寫一個promise？

我感覺這簡直是{{BANNED}}題，這個是我一年前面試愛奇藝的時候，面試官要求的，我沒寫出來。

你能手寫一個Promise嗎？Yes I promise

10.談一談你對async和await的理解？

我的回答：async和await是對generator函數更優雅的實現，能夠以同步的方式寫異步的方法。async定義在函數前面，函數執行后返回一個promise。await后面只能跟一個promise函數。

更詳細的問題參考下面教程

理解 async/await

11.手寫一個冒泡排序或者快速排序

js數據結構和算法(9)-排序算法

12.手寫一個js的單例模式，并且說下你都在哪些地方會用到？

JavaScript設計模式

13.如何把一個多維數組轉為1維數組，比如[1,2,[3,[4,[5]]]]

JavaScript 學習筆記 - 多維數組變為一維數組

14.正則表達式的回溯是啥？

一年前愛奇藝面試題

你真的懂JavaScript的正則嗎？

正則表達式回溯法原理

15.Object.create()和new object()和{}的區別？

58同城面試題

Object.create()和new object()和{}的區別

16.for in和Object.keys的區別？

JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的區別

17.箭頭函數與普通函數的區別

詳解箭頭函數和普通函數的區別以及箭頭函數的注意事項、不適用場景

18.js的事件循環機制是啥？

Js 的事件循環(Event Loop)機制以及實例講解

總結：我面試的話基本上問了這些問題，promise是重中之重，面試必問。

1.vue數據雙向綁定原理的原理是啥？

這問題都被問爛了。

面試題：你能寫一個Vue的雙向數據綁定嗎

模擬 Vue 手寫一個 MVVM

2.vue是如何傳參的？

又是一個爛大街的問題

Vue 組件間通信六種方式（完整版）

3.說下vuex是什么？

Vuex Demo 講解

4.vue-router是怎么實現路由的？路由守衛是什么？

前端路由簡介以及vue-router實現原理

Vue的鉤子函數-路由導航守衛、keep-alive、生命周期鉤子

5.你常用的element-ui的組件有那些？

我的回答：表單，tab，日歷，布局，列表，分頁，樹形結構，彈層等。

Element

6.vue中權限是怎么設置的？

手摸手，帶你用vue擼后臺 系列二(登錄權限篇)

7.在vue開發中你遇到過什么難題？你又是怎么解決的？

這個是個開放式的問題，經常被問道，但是又不好回答。我自己回答的是自己開發vue組件面臨的問題。模模糊糊的說過去了，對方我也不知道他聽懂沒聽懂。反正胡亂回答過去之后，他就沒有再問了。

vue插件開發、文檔書寫、github發布、npm包發布一波流

8.vue是如何編譯模板的？

模擬 Vue 手寫一個 MVVM

9.請你說下vue的生命周期是啥？以及每個生命周期都做了啥事？

vue生命周期詳解

10.在你做過的那么多項目里，說一個你最有成就感的項目？

這個必問。這個一定要想好，可以從技術、溝通、業務緊急度等方面選一個最讓你自豪的項目說下。

總結：關于vue其實沒多少考點，但是又經常被問。對了還有，每次也都會問你開發vue幾年了，這個你知道強調你用的很熟就可以了。

1.webpack是什么？說下你常用的webpack的loader和plugin是啥？

webpack4介紹與總結

2.webpack的loader和plugin的區別是啥？

webpack loader和plugin編寫

webpack中loader和plugin的概念理解

3.webpack如何打包多頁應用？

webpack4 多頁面，多環境配置

4.如何做webpack優化？

Webpack4優化之路

5.如何使用webpack實現增量打包？

webpack增量打包多頁應用

6.commonjs和amd的區別？

前端模塊化：CommonJS,AMD,CMD,ES6

總結：關于webpack的面試題，也就這些了。很多面試官都喜歡問webpack，webpack也是面試中的重點。

1.你是怎么解決跨域問題的？

爛大街的問題。

前端跨域整理

2.強緩存是什么?協議緩存是什么？

HTTP----HTTP緩存機制

總結：關于http的面試題就這兩個，面試前準備下就好了

1.先做下自我介紹吧

（必問）這個環節是非常重要的，我以前都不怎么準備，想到哪說到哪，后來我才意識到這是不對的，因為這是每個面試都必問的。所以非常有必要，搞一個標準答案出來。其次，你的簡歷通常都是好幾頁，里面都是密密麻麻的問題，想讓面試官從簡歷里了解你有多優秀，那是癡心妄想。所以這時候，自我介紹就非常重要了。

自我介紹時長：大概2-5分鐘左右。

1.需要介紹你的地點和學校，因為很多公司很看重這兩項，

2.介紹你的亮點，比如我，我大學拿過好幾個獎學金，這就是亮點。工作里，我擅長寫文檔，帶過團隊這也是我的亮點。

3.介紹你用過的技術，擅長什么。

4.介紹你以前的公司和工作內容。

5.介紹你的性格和優點。

其他的盡量不要多說，言多必失

2.為什么你要離職？

（必問）這個很考察你的情商，你千萬不要說跟上一家公司領導有問題，也不要說你身體不好。這個問題也是面試必問的，你一定要找個好的理由，或者編一個好的理由。不要讓人覺得你很不穩定，很不好相處。

如果你之前是個大公司，你可以說職業瓶頸，你想進步，但是發現工作中用到的技術就那么多，怎么都突破不了，所以你想換個工作?；蛘哒f官僚主義嚴重等等。如果是個小公司，你就可以說拖欠工資，公司倒閉等等。這個你可以好好想想。（哎，我就是公司倒閉，拖欠了3個月工資）

3.你上一家公司的薪資待遇？

（必問）。有些公司是需要打印上一家公司的銀行流水的，所以回答這個問題要慎重。

如果不需要打印流水，你報上一家公司工資的時候，比你理想工資低1-2k就好了，不用說實話。完全不用擔心對方到時候打電話核對的問題。你上一家公司的hr如果不是蠢到家了，他是不會說你實際工資的。

如果需要打印流水,你先找下你朋友里有沒有工資比較高的，有的話，就按他的工資報。打印流水的時候就讓他打印一份給你。打印流水是不需要銀行簽名的，所以你隨便搞就行了。如果你沒有這樣的朋友，那就老實寫實際工資吧。

需不需要打印流水，面試的時候填來訪登記表的時候，上面都有寫明的，注意看就行了。

順便說下背景調查的事，寫你上一家公司的領導或者同事的時候，如果你有關系比較好的同事，就寫你同事名字。如果沒有你就寫你好朋友或者親人的就可以。對方查不出來的。

4.上一家工作中遇到過什么難題？

這個不算很常問，但是最好也先想下。跟hr聊的時候，盡量說技術上的難題。跟技術聊的時候，盡量說溝通問題。沒有問題，你最好也要提前編一個問題。不建議現場編，很容易圓不過來。

5.未來職業規劃

（必問）這個你只需要回答5年內的規劃就可以了，再遠了，你就說太遠了，現在制定也不理想，需要往后不斷完善。5年規劃，你也要有個目標，一般的模式是前2年精研技術，比如精研webpack原理，學習數據結構和算法等等，要說出點東西。后3年要學習管理，比如研究架構，學習團隊管理等。要點是，要明確，既有技術又有管理，讓別人知道你是個有理想的人。

我的回答：我想找一個穩定的有前途的公司，先用1-2年的時候，鞏固下技術。我現在學了很多工具，每個工具都用得很熟，但是我對原理的東西比較模糊，都是零星的了解。所以未來1-2年打算把技術好好研究一下。2年后我希望能轉到管理崗位，能夠做更大的更多的事情。未來幾年我也會堅持寫博客，堅持做開源插件，希望能幫助更多的人，結交更多的朋友，也希望能樹立自己的品牌，成為某一方面的大牛。

6.業余時間干什么？

這個不多問，但是最好還是準備下?？磿?、參加團建都是比較好的回答。不要老說自己很宅。

7.你對996/加班怎么看？

我覺得加班都是為了更好的完成公司的工作，是為了給公司帶來更好的業績。公司業績好，那么我們員工自然也會更好。當然了，從個人角度講，加班也是一種鍛煉，可以多掙點錢。所以我覺得需要加班的時候就加班，以公司的義務為重。

我的內心卻是草泥馬，老子才不加班。但是不能說，以先拿offer為準，有了offer你就有信心，再面試你就沒那么怕了。

總結：面試官常問的問題就那么幾個，就不要臨場發揮了，多準備下吧。

8.說下你有什么優點和缺點？

盡量積極健康向上吧。

我的回答：

1.我覺得我是蠻努力的人，從初中到高中包括大學我都很努力的學習。大學時很努力的學習功課，業余時間都是泡在圖書館里，學習各種知識，努力了解這個世界?，F在工作了，也經?？锤鞣N書記和教程，不斷的豐富自己，提高的自己的技能和經驗。

2.我覺得我也是個挺有想法的人，在我工作過的公司，有很多項目都是我提出來的。比如項目代碼優化，比如搞工作流，比如搞培訓，我還貢獻過開源項目。我不禁有想法，還很努力的把自己的想法付諸行動。

3.最后我覺得我還是一個挺負責的人。工作里我愿意多承擔事情，很想把所有的事情都做好。比如最近，雖然我離職了，但是上一家公司有些項目需要我修改，我還在積極的幫他們改。

談下你的缺點：

我的缺點大部分都是跟我個人有關的。

1.宅一點，空閑時間我更喜歡在家看電影看書，或者去圖書館。很偶爾才會約朋友出去玩，除了談事情，我也不太喜歡經常找別人閑聊天。

2.還有一點是焦慮吧，現在前端技術發展很快，涉及的東西又特別多。我有時候會緊張，覺得自己進步的太慢，進步的也不夠。另外沒工作的時候，我也會緊張，我會覺得對不起公司，好像在白占公司便宜。

我多帶帶著重說下薪資。

薪資不等于工資?。。?

薪資不等于工資?。?！

薪資不等于工資！??！

重要的事說3遍。

薪資=工資+年終獎+x薪+公積金+社保。

在你報工資的時候，請先問清楚是多少薪，有沒有年終獎，社保是多少。

在你報工資的時候，請先問清楚是多少薪，有沒有年終獎，社保是多少。

在你報工資的時候，請先問清楚是多少薪，有沒有年終獎，社保是多少。

重要的事情又說了3遍。你不問，hr是刻意給你隱瞞的。

hr讓你填的是工資。比如你在ab兩家公司都填20k，a公司是12薪，b公司是13薪，這一年就差了2w塊錢。還有公積金，有的公積金只有幾百，有的是工資的5%，有的是工資的12%。你如果每個公司都要價相同，實際到手的錢可能差別很大。所以要慎重。

另外一點，談工資的時候一定要自信，一定要自信，一定要自信。等到談工資的時候，90%，你已經是他們心中的理想人選了，所以不用擔心再被刷掉了。

為什么我要著重談下hr問題呢。因為我對hr有偏見，長期的工作經驗，我發現hr真是一個非常不值得信任的人群。

hr對你的作用就1個——剝削你。

在我10次面試里有2次是被hr哄騙過去的。面試前hr說不是996，你要的薪資是沒問題的。但是一面試，面試官就會說我們是996，你能接受不？你要的薪資太高的，我們這邊可能滿足不了你。真的很浪費時間，很讓人氣憤。

其次是薪資問題。我很不理解，工資又不是hr的，hr卻總是想法設法壓低你的工資，為了壓低你的工資，他們打擊你或者恐嚇你。毫無原則壓低你工資。

最后交友問題，當你入職一家公司后，有時候hr會突然跟你走得很近，找你聊天啊，跟你開玩笑啊。別信，要不就是有活動需要你幫忙了，要不就是他們想從你口中得到一些其他員工的狀況。別當真。

當然我這樣說，也不要一棒子打死。也許有些hr很好吧。要跟hr保持適度的距離，不要交心。

推薦一個網站，看準網，這個網站是不收費的。去面試前最好查下你要面試的公司，如果評論很差，你就不要去了，浪費時間。

看準網

1.不做去小公司，不要去小公司，不要去小公司

2.盡量不要996，人生還有許多其他事情可以做

3.多拿offer，多看看，不要有心理負擔

4.談工資的時候，一定要自信。

在找工作的時候，運氣比能力更重要，希望你有好的運氣?。?！