前些日，尤大大在微博公佈了製作 Vue3.0 的過程，想必大家都點進去閱讀了，我閱讀完之後也受益匪淺，文章講述了 vue3.0 的特別之處，講述了“爲什麼會有 vue”、“更新後有什麼好處"，我對一句話印象很深：“我們會在未來的幾個月中繼續努力，而且我們迫不及待想要看到社區能用 Vue3.0 創造怎樣的精彩了。”當然，可能又會有人說，我不支持 Vue，React 纔是首選，但其實合適纔是最重要的。
那麼，Vue 這麼受大衆接受，那麼大家有沒有想過一個問題？Vue，React 這樣的框架已經是基本功，我們有什麼辦法能運用得比別人厲害呢？
能夠獨立用 Vue 寫一個項目其實只是入了一個門，在如今技術快速發展的背景下，要真的作爲一個敢說出熟練 Vue 的人，先看看下面這些是不是過關了？
1
基本功
見過很多前端用 Vue，React，就放棄 JavaScript 的修煉。
作爲基本功，無論工具如何變遷，瞭解 JavaScript 底層，理解 JavaScript 的各種特性，無論你用什麼工具都是手到擒來。底子不紮實，日常出現一個 bug 都要花很多時間去定位問題。
如果你去觀察那些前端負責人，前端架構師，除了技術層面，他們在設計模式，思維以及對軟件工程的理解都是很優秀的。而這些的前提還是基礎先紮實，再去打上層建築。
我們需要學習哪些：
1. JavaScript 的運行機制，作用域，原型鏈，變量特點等底層原理。
2. 設計模式，架構思維，編程思想，軟件工程的常見問題。
2
最佳實踐
我們都會寫路由。
但是你知道路由如何寫才能保證多路由模塊解耦，保證更方便增加新的路由模塊嗎？
我們都會對Vue項目最後打包上線。
但是你知道如何編寫配置文件能讓打包速度最優化嗎？
我們都會寫組件。
但是你知道怎麼讓組件能夠成爲高複用性的組件庫型組件嗎？
諸如此類的問題，是實踐中區分前端水平高低的最重要因素，也是很多前端程序員遲遲等不到大廠offer，突破不到高級前端的重要因素。
對很多人來說很爲難的一點是，中小公司工作的程序員，寫着平時的業務代碼，很少有機會接觸到大廠的優秀實踐。如果大家以後有機會學習到此類的東西，無論如何一定不要錯過。
這裏推薦一些自己的最佳實踐：
1. 二次封裝 axios，方便自己的項目請求與數據操作
2. 封裝公用工具庫，對於項目組常用的如 cookie，session，字符驗證等功能先進行封裝。
3. 對經常不變的庫進行 Dll 打包，加快打包速度
3
最佳源碼
如果最近在找工作，或多或少都感受到了，面試時已經會開始問 Vue 底層源碼的問題。既然人人都會 Vue，那麼面試官挑選人才，除了考你的編程能力，對於最佳實踐的理解，就是問你源碼了。拋開別的不說，就面試來說源碼都是十分重要了。
除此之外，真正理解源碼，對於所用工具的理解會上升一個層次。你會發現自己再寫起 Vue 來，bug 會少很多，修復起 bug 來也會快速很多。
但是於此同時很多人也面臨一個問題，就是完全看不懂源碼，跟別說理解通透了。
這裏說幾個 Vue 的底層原理：
1. 數據雙向綁定，Vue3 之前通過 get 和 set 完成，而 Vue3 後通過 proxy 來完成。
2. Vue 中有一個虛擬 dom，其實虛擬 dom 就是一個內部的 json 字符串。
所以各位前端的朋友，真心建議大家不要把自己鎖在會了 Vue，安心寫業務代碼的思維裏。企業對於前端的要求只會越來越高。希望大家按照上面的點自我檢索，不要出現從公司離職就失業的尷尬。
在這裏，給大家整理了一份前端工程師學習成長思維導圖，希望能對你有所幫助：
掃碼領取
前端工程師學習成長思維導圖
當然，有這些還不夠，給大家推薦一個學習平臺——網易雲課堂，這裏有資深前端技術專家的限時免費直播課免費贈送，課程內容涉及 Vue 的設計思想解析，單元測試，從零實現專業 vue 輪播組件...
也通過對源碼的解讀去培養大家的程序員思維，幫助大家加深對工具的理解，同時也分享實用的面試技巧。
6.1-6.7 前端限時 0 元課程
1. 架構：《說優化就不得不提緩存，帶你做一個緩存架構》
前端通常有哪些優化方式
緩存方式有哪些
做一個緩存架構
2. 技能：《你真的會 webpack 嗎？帶你解析你的 webpack 配置》
代碼分割到底是在分割什麼
開發模式怎麼手動搭建
插件和 loader 本質是什麼
3.項目：《獨家放送 —網易雲 vue 技巧解密》
路由自動加載
插件開發實例
打包優化 dll
深入淺出的乾貨課程，沒有套路，更多課程掃碼添加網易雲課堂前端助教，就可以 0 元獲得！
掃碼領取
0元前端進階系列直播課
更有前端進階資料包免費贈送
