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

一、前端工程化

關于前端工程化，是一個很大的命題，你在知乎上搜索前端工程化，會有一些文章，這些文章可以幫助你理解前端工程化。說一下我理解的前端工程化吧，前端工程化不單單包括前端的模塊化、組件化、自動化，還包括前端性能優化，前端目錄規劃，前端規范化，自動化測試，發布等等一系列知識。這里我就不一 一介紹了，感興趣的也可以去讀讀張云龍的文章：

更多面試題和答案，請微信查看

二、 前端設計模式

其實這里可以作為一篇文章來書寫了，不過，假如你不了解，可以網上搜了一下前端設計模式，關于設計模式也是有不少文章的。

三、 前端安全性問題

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

四、 跨域問題的處理

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

五、前端數據加密

關于前端加密方式及前端加密，這個我在項目中實際用的也不多，微信小程序中可能會用到， 我很久很久之前也寫過類似的文章，請看：javascript用戶密碼加密,js密碼加密

七、 知識點問題介紹
上面問題可能是前端通用問題吧，下面的問題可能都是相關知識點的，下面簡單總結一下：

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

主要問題如下：

一、flux、redux、vuex數據流向，(例如：點擊按鈕觸發到狀態更改，數據是如何流向的？)例如flux：1、用戶訪問 View 2、View 發出用戶的 Action 3、Dispatcher 收到 Action，要求 Store 進行相應的更新 4、Store 更新后，發出一個"change"事件 5、View 收到"change"事件后，更新頁面

二、vuex和redux區別

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

3、 vue相關

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

4、 nodejs相關

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

更多面試題和答案，請微信查看

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。