莫名的對一件陌生的事物產(chǎn)生興趣，也許不是為了簡單的生計，為了你，我已經(jīng)準備了HTML，CSS，JavaScript，bootstrap，jQuery，Nodejs，webpack，npm，linux，無論如何，我都要和你成為最好的伙伴VUE。

　　

　　

　　嗯，我已經(jīng)閱讀你的文檔很久了，尤總?，F(xiàn)在你已經(jīng)成功給IT教育增添了一門教科書。這些天只想送你兩個字，無恥。希望以后能送你兩個字，感謝。

　　

　　

　　前幾天被一朋友喊為前端小哥，忽然有些發(fā)愣，就像別人喊我外賣小哥一樣，請也不要稱呼我們老師，師傅之類的，還是親切的稱呼一聲小哥哥吧。。也不要向我們身上貼上直男的標簽，我們很單純的，好嘛。。如果你為了一個項目，做到一周不怎么說話，天天熊貓眼，和女孩聊天內容就在工作間隙，估計你也會成為直男，習慣成就你的態(tài)度，好嘛。。

　　

　　

　　都說態(tài)度決定一切，但是你的態(tài)度需要從零做起，Vue。當我在 2019年第一次接觸它時，大多是因為工作需要，想成為適應工作的人，只能去學習你了。。下面就來介紹一下vue

　　

　　Vue，React這樣的框架可以說是現(xiàn)在前端的必備技能，一個剛入門兩三個月的前端都是要會Vue的。

　　

　　但是大家有沒有想過一個問題？Vue，React這樣的框架已經(jīng)是基本功，我們憑什么敢說比別人厲害呢？

　　

　　能夠獨立用Vue寫一個項目其實只是入了一個門，在如今技術快速發(fā)展的背景下，要真的作為一個敢說出熟練Vue的人，先看看下面這些是不是過關了？

　　

　　01.

　　

　　基本功

　　

　　我見過很多前端用Vue，React，就放棄JavaScript的修煉。

　　

　　作為基本功，無論工具如何變遷，了解JavaScript底層，理解JavaScript的各種特性，無論你用什么工具都是手到擒來。底子不扎實，日常出現(xiàn)一個bug都要花很多時間去定位問題。

　　

　　如果你去觀察那些前端負責人，前端架構師，除了技術層面，他們在設計模式，思維以及對軟件工程的理解都是很優(yōu)秀的。而這些的前提還是基礎先扎實，再去打上層建筑。

　　

　　我們需要學習哪些：

　　

　　1. JavaScript的運行機制，作用域，原型鏈，變量特點等底層原理。

　　

　　2. 設計模式，架構思維，編程思想，軟件工程的常見問題。

　　

　　02.

　　

　　最佳實踐

　　

　　我們都會寫路由。

　　

　　但是你知道路由如何寫才能保證多路由模塊解耦，保證更方便增加新的路由模塊嗎？

　　

　　我們都會對Vue項目最后打包上線。

　　

　　但是你知道如何編寫配置文件能讓打包速度最優(yōu)化嗎？

　　

　　我們都會寫組件。

　　

　　但是你知道怎么讓組件能夠成為高復用性的組件庫型組件嗎？

　　

　　諸如此類的問題，是實踐中區(qū)分前端水平高低的最重要因素，也是很多前端程序員遲遲等不到大廠offer，突破不到高級前端的重要因素。

　　

　　對很多人來說很為難的一點是，中小公司工作的程序員，寫著平時的業(yè)務代碼，很少有機會接觸到大廠的優(yōu)秀實踐。如果大家以后有機會學習到此類的東西，無論如何一定不要錯過。

　　

　　這里推薦一些自己的最佳實踐：

　　

　　1. 二次封裝axios，方便自己的項目請求與數(shù)據(jù)操作

　　

　　2. 封裝公用工具庫，對于項目組常用的如cookie，session，字符驗證等功能先進行封裝。

　　

　　3. 對經(jīng)常不變的庫進行 Dll 打包，加快打包速度

　　

　　03.

　　

　　源碼

　　

　　如果最近在找工作，或多或少都感受到了，面試時已經(jīng)會開始問Vue底層源碼的問題。既然人人都會Vue，那么面試官挑選人才，除了考你的編程能力，對于最佳實踐的理解，就是問你源碼了。拋開別的不說，就面試來說源碼都是十分重要了。

　　

　　除此之外，真正理解源碼，對于所用工具的理解會上升一個層次。你會發(fā)現(xiàn)自己再寫起Vue來，bug會少很多，修復起bug來也會快速很多。

　　

　　但是于此同時很多人也面臨一個問題，就是完全看不懂源碼，跟別說理解通透了。

　　

　　這里說幾個Vue的底層原理：

　　

　　1. 數(shù)據(jù)雙向綁定，Vue3之前通過get和set完成，而Vue3后通過proxy來完成。

　　

　　2. Vue中有一個虛擬dom，其實虛擬dom就是一個內部的json字符串。