2019 年摩拳擦掌直奔 vue (前言)

今天是農曆也是我心中的 2018 年的年終歲尾,所以也展望一下 2019 年。希望大家在新年學的更多,因此賺得更多。

本來想用春節放假的時間搞定 vue 源碼,後來一想自己什麼腦袋,人家 Evan 什麼腦袋,人家從 2014 年就開始搞,一直搞到現在,我用一週就能看懂有點不要臉啊,所以現實點吧,今年能看懂就不錯了,今年能看懂然後自己模仿寫一個我就知足了。當然我也不是一點基礎都沒有,多少了解點 vnode 基本原理以及 html 解析。


首先需要從全局來了解一下 Evan 大神是排兵佈陣的,和 vue 項目中一些核心技術。


還有就是看源碼就像考試,看源碼是我們學習的一次考驗和檢查,就像期中考試中的難題。所以我們先不要關注時間,因爲這次考試是沒有時間限制的。

1. Vnode 虛擬節點的知識,這是 react 的核心技術,Vnode 是我們可以用 javascript 來寫原生應用的基石。當年 react 憑藉虛擬節點技術榮登寶座吧。

2. 觀察者模式,就是實現 MVVM 的基礎,這個個人研究過 Angularjs 的源碼,並有相關分享

3. typescript 是必不可少,學習也不單單是爲了解 vue 源碼,學習 typescript 好處還是很多。Angular 要求開發人員用 typescript 來寫 Angular 應用, react 也支持 typescript,現在連微信小程序也支持用 typescript 來寫。而且人家 typescript 可以不依賴任何框架就能寫出大型的 web 應用來。

4. rollup 和 webpack 打包工具,webpack 個人用過一段時間,可以說一說我自己學習 javascript 項目構建工具的幾個階段吧,最開始時候我就接觸過 grunt,那時候對 javascript 的構建理解也不深刻,不過用過 grunt 來構建發佈自己 javascript 項目決定是很酷的事。我想當時身邊的前端開發人員因該是很少聽過 grunt ,沒等他們聽說 grunt ,grunt 就逐漸退出構建項目的舞臺。沒過多長時間就接觸到 gulp 也是我在實際開發過程用的最多的打包工具。

6. vue 編譯,這個是大家都在玩了編譯,我們將自己代碼編譯 javascript 。


我想了想可以分兵幾路,直搗黃龍。從外向內,再從內向外來分析 vue 源碼。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章