前言
關(guān)于前端面試，及面試題目，我之前有很多文章總結(jié)過，可以在右側(cè)搜索面試，進(jìn)行查找。其實(shí)面試中可以問的問題很多，最近幾年，我也面試過很多工作2-4年的前端，我一般會(huì)抓住他們做的項(xiàng)目，進(jìn)行更詳細(xì)的追問。所以，初中級(jí)前端面試的時(shí)候，除了掌握基礎(chǔ)知識(shí)之外，項(xiàng)目中用到的技術(shù)要理清楚，假如你項(xiàng)目中用到的技術(shù)，問的時(shí)候卻一問三不知，那么，基本上就會(huì)pass掉了。針對(duì)比較資深或者高級(jí)的前端面試，可能和初中級(jí)面試會(huì)有些不一樣，當(dāng)然，針對(duì)資深的前端，可能聊得東西更深，更廣一些！這篇文章簡(jiǎn)單聊聊針對(duì)中高級(jí)前端我們要聊的話題。

一、前端工程化

關(guān)于前端工程化，是一個(gè)很大的命題，你在知乎上搜索前端工程化，會(huì)有一些文章，這些文章可以幫助你理解前端工程化。說(shuō)一下我理解的前端工程化吧，前端工程化不單單包括前端的模塊化、組件化、自動(dòng)化，還包括前端性能優(yōu)化，前端目錄規(guī)劃，前端規(guī)范化，自動(dòng)化測(cè)試，發(fā)布等等一系列知識(shí)。這里我就不一 一介紹了，感興趣的也可以去讀讀張?jiān)讫埖奈恼?#xff1a;

更多面試題和答案，請(qǐng)微信查看

二、 前端設(shè)計(jì)模式

其實(shí)這里可以作為一篇文章來(lái)書寫了，不過，假如你不了解，可以網(wǎng)上搜了一下前端設(shè)計(jì)模式，關(guān)于設(shè)計(jì)模式也是有不少文章的。

三、 前端安全性問題

當(dāng)然，這個(gè)是老的話題，有的在初中級(jí)前端面試中也會(huì)提及到。但是在中高級(jí)面試的時(shí)候，你要說(shuō)出前端安全性問題防御，及前端常見安全性問題的攻擊原理是什么。 1、xss跨站腳本攻擊（原理、如何進(jìn)行的、防御手段是什么，要說(shuō)清楚）2、CSRF跨站請(qǐng)求偽造（如何偽造法？怎么防御？等等都要說(shuō)清楚）3、sql腳本注入（注入方式，防御方式）4、上傳漏洞 （防御方式）

四、 跨域問題的處理

關(guān)于跨域，我前面很多文章也提及了，瀏覽器跨域訪問解決方案，這篇文章可以看一下。另外，面試官可能會(huì)問及 cookie跨域及l(fā)ocalStorage跨域問題，關(guān)于這一點(diǎn)，也可以看我之前剛剛寫的文章：http://www.haorooms.com/post/kuayu_localstorage_cookie

五、前端數(shù)據(jù)加密

關(guān)于前端加密方式及前端加密，這個(gè)我在項(xiàng)目中實(shí)際用的也不多，微信小程序中可能會(huì)用到， 我很久很久之前也寫過類似的文章，請(qǐng)看：javascript用戶密碼加密,js密碼加密

七、 知識(shí)點(diǎn)問題介紹
上面問題可能是前端通用問題吧，下面的問題可能都是相關(guān)知識(shí)點(diǎn)的，下面簡(jiǎn)單總結(jié)一下：

1、 webpack相關(guān) 這個(gè)考察你對(duì)webpack的理解是使用程度。例如可能考察如下知識(shí)點(diǎn)：1、hash（contenthash, chunkhash）2、多頁(yè)面配置3、發(fā)布上線流程4、如何加快打包速度，減少打包體積5、和其他工具的區(qū)別（grunt,glup,rollup,parcel,Browserify）2、狀態(tài)管理器相關(guān) 主要是flux、redux、vuex等

主要問題如下：

一、flux、redux、vuex數(shù)據(jù)流向，(例如：點(diǎn)擊按鈕觸發(fā)到狀態(tài)更改，數(shù)據(jù)是如何流向的？)例如flux：1、用戶訪問 View 2、View 發(fā)出用戶的 Action 3、Dispatcher 收到 Action，要求 Store 進(jìn)行相應(yīng)的更新 4、Store 更新后，發(fā)出一個(gè)"change"事件 5、View 收到"change"事件后，更新頁(yè)面

二、vuex和redux區(qū)別

三、vuex數(shù)據(jù)流？為什么要遵循這個(gè)數(shù)據(jù)流？假如在頁(yè)面中直接修改state,而不是通過mutation 的commit方式修改，會(huì)怎么樣？

3、 vue相關(guān)

vue相關(guān)的問題有很多。僅舉例：1、vue-router如何做歷史返回提示？2、vue-router如何做用戶登錄權(quán)限等？3、vue生命周期4、vue組件通信5、vue服務(wù)器渲染6、vue性能優(yōu)化

4、 nodejs相關(guān)

1、nodejs常用模塊2、nodejs爬蟲3、nodejs 流4、nodejs請(qǐng)求如何返回大文件

更多面試題和答案，請(qǐng)微信查看

總結(jié)

以上是生活随笔為你收集整理的2022新前端面试题（中高级）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。