新的一輪前端面試已來臨，你踩雷了嗎？
說到使用前端框架，已經(jīng)不是什么新鮮事了，目前大部分公司都會要求你熟練使用 Vue 或 React，這也成了前端工程師面試的家常便飯。
就目前應(yīng)用面積最廣的Vue來說，大廠或是高級工程師面試的時候會碰到什么棘手或是難纏的 Vue 的面試題呢?今天，我就帶著大家一起分析 Vue 的基礎(chǔ)使用、組件傳值等等。
其實這些大家都會，一個剛?cè)腴T兩三個月的前端都能搞定，下面才是是Vue面試官直擊靈魂的拷問。
1. 我們都會配置路由。
那么你知道如何編碼才能保證多路由模塊解耦、保證更方便增加新的路由模塊嗎?
首先這是路由解耦與快捷新增：
上圖圖示是主路由文件，核心函數(shù)是 webpack 的 api —— require.context() ，通過執(zhí)行此函數(shù)獲取一個特定的上下文，主要用來實現(xiàn)自動化導(dǎo)入模塊。項目中各個業(yè)務(wù)的路由可以充分解耦，路由文件后綴名為 xxx.routers.js 即可，主路由文件會自動化導(dǎo)入新增的各業(yè)務(wù)路由文件。
2. 手寫出一個類 Vue 的MVVM響應(yīng)式框架。
那怎么用vue底層實現(xiàn)這一響應(yīng)式框架呢?
我們知道，Vue的響應(yīng)式是利用了數(shù)據(jù)劫持實現(xiàn)的，知道這個就很簡單了。
第一步去建立訂閱器模型：
第二步：設(shè)置劫持方法，對數(shù)據(jù)進(jìn)行劫持
簡單兩步就搞定了。實際上，這些問題并不是很難，那么很多同學(xué)為什么不知道呢?主要是這兩張原因：
- 一是沒有去了解Vue的源碼以及底層實現(xiàn);
- 二是缺少最佳實踐。
這些優(yōu)化代碼大型公司隨處可見，拿過來學(xué)習(xí)一下就明白，但是可能對大家來說，在中小公司工作的程序員，寫著平時的業(yè)務(wù)代碼，很少有機會接觸到大廠的優(yōu)秀實踐，Vue 原來還有這種操作?
還有更多類似的問題，比如這些：
- Vue項目做完后我們會打包，如何編寫配置文件能讓打包速度達(dá)到最優(yōu)化?
- 我們都會寫組件，那么如何讓組件成為高復(fù)用性的組件庫型組件?(可以脫離于項目拿到別的項目上使用)……
相信大家最近在找工作，或多或少都感受到了，面試 vue 時會問到 vue 最佳實踐與底層源碼的問題。既然人人都會 vue ，那么面試官挑選人才，除了考察你的編程能力，對于最佳實踐的理解，就是問你源碼。
在這里，我給大家整理了一份前端工程師學(xué)習(xí)成長思維導(dǎo)圖，希望能對你有所幫助：
