終於迎來完賽時刻!
恭喜好想的夥伴都撐過了!
30 天被 Slack 追殺壓力山大阿!
回想 30 天前說要寫個技術系列文,但讀原始碼對我來說,就像踏進黑洞,不懂的還是太多了!!
而且沒有庫存每天剩餘時間也不多,一週產一篇文章還差不多...
Anyway,雖然沒有很懂 Vue 原始碼,但淺看一次它的運作流程跟機制,收集到很多關鍵字,作為往後查資料用也不錯。
今年鐵人賽看到兩個有趣系列,滷肉飯跟甜點情人,身為臺南人那我下次寫個牛肉湯好了!
Vue 的渲染機制有稍微調整一下文章閱讀順序
用 terminal 建立專案過程會詢問滿多問題,紀錄下來以救助我的金魚腦
|D2| Vue CLI3 安裝與建立 vue 專案
透過 Virtual DOM
讓我們不用操作真正的 DOM,達到優化效能目的。
而用new
關鍵字把 Vue 實例化後,會有一連串過程,創建 vnode
、掛上 DOM 等等
|D4| 從原始碼看 Vue 渲染機制 (2) - Virtual DOM
|D3| 從原始碼看 Vue 渲染機制 (1) - new Vue 做了什麼
|D5| 從原始碼看 Vue 渲染機制 (3) - createElement
|D7| 從原始碼看 Vue 渲染機制 (5) - $mount
|D6| 從原始碼看 Vue 渲染機制 (4) - render
|D8| 從原始碼看 Vue 元件化 (1) - 概念介紹
|D9| 從原始碼看 Vue 元件化 (2) - createComponent
|D10| 從原始碼看 Vue 元件化 (3) - patch
|D11| 從原始碼看 Vue 元件化 (4) - updateChildren,更新和移動子節點
|D12| 從原始碼看 Vue 元件化 (5) - updateChildren,新增和刪除子節點
|D13| 從原始碼看 Vue 元件化 (6) - 元件註冊
|D14| 從原始碼看 Vue 元件化 (7) - 異步元件
|D15| 從原始碼看 Vue 響應式原理 (1) - JS Object.defineProperty
|D16| 從原始碼看 Vue 響應式原理 (2) MVVM
|D17| 從原始碼看 Vue 響應式原理 (3) - Observer
|D18| 從原始碼看 Vue 響應式原理 (4) - Dep
|D19| 從原始碼看 Vue 響應式原理 (5) - Watcher
|D20| 從原始碼看 Vue 響應式原理 (6) - nextTick 異步更新
|D21| 從原始碼看 Vue 響應式原理 (7) - computed
|D22| 從原始碼看 Vue 響應式原理 (8) - watch
|D23| 從原始碼看 Vue 擴展 (1) - 自定義 event
|D24| 從原始碼看 Vue 擴展 (3) - v-model
|D25| 從原始碼看 Vue 擴展 (4) - slot