2018年中高級前端面試題目小結

前言

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

一、前端工程化

關于前端工程化，是一個很大的命題，你在知乎上搜索前端工程化，會有一些文章，這些文章可以幫助你理解前端工程化。

說一下我理解的前端工程化吧，前端工程化不單單包括前端的模塊化、組件化、自動化，還包括前端性能優化，前端目錄規劃，前端規范化，自動化測試，發布等等一系列知識。這里我就不一 一介紹了，感興趣的也可以去讀讀張云龍的文章：

https://github.com/fouber/blog/issues/3

https://github.com/fouber/blog/issues/10

二、 前端設計模式

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

三、 前端安全性問題

當然，這個是老的話題，有的在初中級前端面試中也會提及到。但是在中高級面試的時候，你要說出前端安全性問題防御，及前端常見安全性問題的攻擊原理是什么。

1、xss跨站腳本攻擊（原理、如何進行的、防御手段是什么，要說清楚）
2、CSRF跨站請求偽造（如何偽造法？怎么防御？等等都要說清楚）
3、sql腳本注入（注入方式，防御方式）
4、上傳漏洞 （防御方式）

四、 跨域問題的處理

關于跨域，我前面很多文章也提及了， 瀏覽器跨域訪問解決方案 ，這篇文章可以看一下。

另外，面試官可能會問及 cookie跨域及localStorage跨域問題 ，關于這一點，也可以看我之前剛剛寫的文章： http://www.haorooms.com/post/kuayu_localstorage_cookie

五、前端數據加密

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

六、http相關問題

這個可能涉及的東西也蠻多，可以看我前段時間總結的系列文章：

http://www.haorooms.com/post/long_lianjie_websocket

七、 知識點問題介紹

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

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性能優化</pre> 
  
4、 nodejs相關
 
  
1、nodejs常用模塊

2、nodejs爬蟲
3、nodejs 流
4、nodejs請求如何返回大文件</pre> 
  
5、 es6相關
 
  
1、generate和async await
 
  
...
 
  
6、算法
 
  
1、冒泡排序

2、數據去重方法
3、取1000個數字里面的質數</pre> 
  
7、模塊化
 
  
1、amd,cmd及commonjs區別
 
  
2、import、require區別
 
  
8、其他
 
  
1、自動化測試相關

2、mock數據相關
3、pwa相關
4、nginx相關
5、微信小程序相關
6、敏捷開發等</pre> 
  
 
 
  
來自：http://www.haorooms.com/post/2018_mianshiqianduan