JavaScript原型與原型鏈

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

JavaScript 閉包

8.說一說promise是啥？

可以參考一下兩篇文章：

面試精選之Promise

解讀Promise內(nèi)部實(shí)現(xiàn)原理

9.你能不能手寫一個(gè)promise？

我感覺這簡(jiǎn)直是{{BANNED}}題，這個(gè)是我一年前面試愛奇藝的時(shí)候，面試官要求的，我沒寫出來。

你能手寫一個(gè)Promise嗎？Yes I promise

10.談一談你對(duì)async和await的理解？

我的回答：async和await是對(duì)generator函數(shù)更優(yōu)雅的實(shí)現(xiàn)，能夠以同步的方式寫異步的方法。async定義在函數(shù)前面，函數(shù)執(zhí)行后返回一個(gè)promise。await后面只能跟一個(gè)promise函數(shù)。

更詳細(xì)的問題參考下面教程

理解 async/await

11.手寫一個(gè)冒泡排序或者快速排序

js數(shù)據(jù)結(jié)構(gòu)和算法(9)-排序算法

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

JavaScript設(shè)計(jì)模式

13.如何把一個(gè)多維數(shù)組轉(zhuǎn)為1維數(shù)組，比如[1,2,[3,[4,[5]]]]

JavaScript 學(xué)習(xí)筆記 - 多維數(shù)組變?yōu)橐痪S數(shù)組

14.正則表達(dá)式的回溯是啥？

一年前愛奇藝面試題

你真的懂JavaScript的正則嗎？

正則表達(dá)式回溯法原理

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

58同城面試題

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

16.for in和Object.keys的區(qū)別？

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

17.箭頭函數(shù)與普通函數(shù)的區(qū)別

詳解箭頭函數(shù)和普通函數(shù)的區(qū)別以及箭頭函數(shù)的注意事項(xiàng)、不適用場(chǎng)景

18.js的事件循環(huán)機(jī)制是啥？

Js 的事件循環(huán)(Event Loop)機(jī)制以及實(shí)例講解

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

1.vue數(shù)據(jù)雙向綁定原理的原理是啥？

這問題都被問爛了。

面試題：你能寫一個(gè)Vue的雙向數(shù)據(jù)綁定嗎

模擬 Vue 手寫一個(gè) MVVM

2.vue是如何傳參的？

又是一個(gè)爛大街的問題

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

3.說下vuex是什么？

Vuex Demo 講解

4.vue-router是怎么實(shí)現(xiàn)路由的？路由守衛(wèi)是什么？

前端路由簡(jiǎn)介以及vue-router實(shí)現(xiàn)原理

Vue的鉤子函數(shù)-路由導(dǎo)航守衛(wèi)、keep-alive、生命周期鉤子

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

我的回答：表單，tab，日歷，布局，列表，分頁(yè)，樹形結(jié)構(gòu)，彈層等。

Element

6.vue中權(quán)限是怎么設(shè)置的？

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

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

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

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

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

模擬 Vue 手寫一個(gè) MVVM

9.請(qǐng)你說下vue的生命周期是啥？以及每個(gè)生命周期都做了啥事？

vue生命周期詳解

10.在你做過的那么多項(xiàng)目里，說一個(gè)你最有成就感的項(xiàng)目？

這個(gè)必問。這個(gè)一定要想好，可以從技術(shù)、溝通、業(yè)務(wù)緊急度等方面選一個(gè)最讓你自豪的項(xiàng)目說下。

總結(jié)：關(guān)于vue其實(shí)沒多少考點(diǎn)，但是又經(jīng)常被問。對(duì)了還有，每次也都會(huì)問你開發(fā)vue幾年了，這個(gè)你知道強(qiáng)調(diào)你用的很熟就可以了。

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

webpack4介紹與總結(jié)

2.webpack的loader和plugin的區(qū)別是啥？

webpack loader和plugin編寫

webpack中l(wèi)oader和plugin的概念理解

3.webpack如何打包多頁(yè)應(yīng)用？

webpack4 多頁(yè)面，多環(huán)境配置

4.如何做webpack優(yōu)化？

Webpack4優(yōu)化之路

5.如何使用webpack實(shí)現(xiàn)增量打包？

webpack增量打包多頁(yè)應(yīng)用

6.commonjs和amd的區(qū)別？

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

總結(jié)：關(guān)于webpack的面試題，也就這些了。很多面試官都喜歡問webpack，webpack也是面試中的重點(diǎn)。

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

爛大街的問題。

前端跨域整理

2.強(qiáng)緩存是什么?協(xié)議緩存是什么？

HTTP----HTTP緩存機(jī)制

總結(jié)：關(guān)于http的面試題就這兩個(gè)，面試前準(zhǔn)備下就好了

1.先做下自我介紹吧

（必問）這個(gè)環(huán)節(jié)是非常重要的，我以前都不怎么準(zhǔn)備，想到哪說到哪，后來我才意識(shí)到這是不對(duì)的，因?yàn)檫@是每個(gè)面試都必問的。所以非常有必要，搞一個(gè)標(biāo)準(zhǔn)答案出來。其次，你的簡(jiǎn)歷通常都是好幾頁(yè)，里面都是密密麻麻的問題，想讓面試官?gòu)暮?jiǎn)歷里了解你有多優(yōu)秀，那是癡心妄想。所以這時(shí)候，自我介紹就非常重要了。

自我介紹時(shí)長(zhǎng)：大概2-5分鐘左右。

1.需要介紹你的地點(diǎn)和學(xué)校，因?yàn)楹芏喙竞芸粗剡@兩項(xiàng)，

2.介紹你的亮點(diǎn)，比如我，我大學(xué)拿過好幾個(gè)獎(jiǎng)學(xué)金，這就是亮點(diǎn)。工作里，我擅長(zhǎng)寫文檔，帶過團(tuán)隊(duì)這也是我的亮點(diǎn)。

3.介紹你用過的技術(shù)，擅長(zhǎng)什么。

4.介紹你以前的公司和工作內(nèi)容。

5.介紹你的性格和優(yōu)點(diǎn)。

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

2.為什么你要離職？

（必問）這個(gè)很考察你的情商，你千萬不要說跟上一家公司領(lǐng)導(dǎo)有問題，也不要說你身體不好。這個(gè)問題也是面試必問的，你一定要找個(gè)好的理由，或者編一個(gè)好的理由。不要讓人覺得你很不穩(wěn)定，很不好相處。

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

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

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

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

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

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

順便說下背景調(diào)查的事，寫你上一家公司的領(lǐng)導(dǎo)或者同事的時(shí)候，如果你有關(guān)系比較好的同事，就寫你同事名字。如果沒有你就寫你好朋友或者親人的就可以。對(duì)方查不出來的。

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

這個(gè)不算很常問，但是最好也先想下。跟hr聊的時(shí)候，盡量說技術(shù)上的難題。跟技術(shù)聊的時(shí)候，盡量說溝通問題。沒有問題，你最好也要提前編一個(gè)問題。不建議現(xiàn)場(chǎng)編，很容易圓不過來。

5.未來職業(yè)規(guī)劃

（必問）這個(gè)你只需要回答5年內(nèi)的規(guī)劃就可以了，再遠(yuǎn)了，你就說太遠(yuǎn)了，現(xiàn)在制定也不理想，需要往后不斷完善。5年規(guī)劃，你也要有個(gè)目標(biāo)，一般的模式是前2年精研技術(shù)，比如精研webpack原理，學(xué)習(xí)數(shù)據(jù)結(jié)構(gòu)和算法等等，要說出點(diǎn)東西。后3年要學(xué)習(xí)管理，比如研究架構(gòu)，學(xué)習(xí)團(tuán)隊(duì)管理等。要點(diǎn)是，要明確，既有技術(shù)又有管理，讓別人知道你是個(gè)有理想的人。

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

6.業(yè)余時(shí)間干什么？

這個(gè)不多問，但是最好還是準(zhǔn)備下?？磿⒓訄F(tuán)建都是比較好的回答。不要老說自己很宅。

7.你對(duì)996/加班怎么看？

我覺得加班都是為了更好的完成公司的工作，是為了給公司帶來更好的業(yè)績(jī)。公司業(yè)績(jī)好，那么我們員工自然也會(huì)更好。當(dāng)然了，從個(gè)人角度講，加班也是一種鍛煉，可以多掙點(diǎn)錢。所以我覺得需要加班的時(shí)候就加班，以公司的義務(wù)為重。

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

總結(jié)：面試官常問的問題就那么幾個(gè)，就不要臨場(chǎng)發(fā)揮了，多準(zhǔn)備下吧。

8.說下你有什么優(yōu)點(diǎn)和缺點(diǎn)？

盡量積極健康向上吧。

我的回答：

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

2.我覺得我也是個(gè)挺有想法的人，在我工作過的公司，有很多項(xiàng)目都是我提出來的。比如項(xiàng)目代碼優(yōu)化，比如搞工作流，比如搞培訓(xùn)，我還貢獻(xiàn)過開源項(xiàng)目。我不禁有想法，還很努力的把自己的想法付諸行動(dòng)。

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

談下你的缺點(diǎn)：

我的缺點(diǎn)大部分都是跟我個(gè)人有關(guān)的。

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

2.還有一點(diǎn)是焦慮吧，現(xiàn)在前端技術(shù)發(fā)展很快，涉及的東西又特別多。我有時(shí)候會(huì)緊張，覺得自己進(jìn)步的太慢，進(jìn)步的也不夠。另外沒工作的時(shí)候，我也會(huì)緊張，我會(huì)覺得對(duì)不起公司，好像在白占公司便宜。

我多帶帶著重說下薪資。

薪資不等于工資?。?！

薪資不等于工資?。。?/strong>