嘿,日安!

Day 30 - 完賽心得

Last updated:9th December 2025
4 Minutes
·
683 Words

我們回顧一下這三十天所學習到的:

目錄

環境

  • Day 2 - 基礎建設: Monorepo 與 pnpm Workspace 環境搭建

響應式基礎

  • Day 3 - 核心概念: 從「訂閱者模式」看響應式設計
  • Day 4 - 核心概念:收集依賴、觸發更新
  • Day 5 - 核心概念:單向鏈表、雙向鏈表
  • Day 6 - 首次實作: 鏈表應用
  • Day 7 - 關注點分離:拆分 track、trigger

Effect

  • Day 8 - Effect: 深入剖析巢狀 effect
  • Day 9 - Effect:調度器實作應用
  • Day 10 - Effect:為何會被指數級觸發?
  • Day 11 - Effect:Link 節點的複用實作
  • Day 12 - Effect :多重依賴之指數觸發重現
  • Day 13 - Effect:多重依賴之節點復用解方
  • Day 14 - Effect:清理依賴的場景
  • Day 15 - Effect:依賴清理實作方案

效能處理

  • Day 16 - 效能處理:LinkPool
  • Day 17 - 效能處理:無限循環

Reactive

  • Day 18 - Reactive:深入 Proxy 的設計思路
  • Day 19 - Reactive:reactive 的基礎實作
  • Day 20 - Reactive:reactive 極端案例
  • Day 26 - 陣列長度變更處理

Computed

  • Day 21 - Computed:即時更新基礎實作
  • Day 22 - Computed:深入緩存機制實作

Watch

  • Day 23 - Watch:基礎實作
  • Day 24 - Watch:Options
  • Day 25 - Watch :清理 SideEffect

toRef、shallow、readonly

  • Day 27 - toRef、toRefs、ProxyRef、unref
  • Day 28 - shallowRef、shallowReactive
  • Day 29 - readonly: 資料唯讀保護實作

心得

在學習 Vue 3 的過程中,我很幸運能遇到遠方的幫助。他是 Vue3 的核心成員,也是 vue-draggable 的作者。如果你有興趣,可以去他的 GitHub repo 幫他點個 star。

我真的很感謝他,因為在他的協助下,我對響應式系統核心機制有了更深的理解。不只釐清了原理,也讓我更有動力想完整梳理這段學習過程。順便說,我還被誇很會畫圖 XD

這三十天我也深刻感受到,「筆記」跟「教學文章」其實差非常多。就算現在 AI 已經很強了,我的文章還是常常潤了又潤,筆誤依舊不少,只是希望讀者能更清楚理解我真正想表達的內容。

最艱難的時候是連假,如果早上沒能發文,回到家還要趕快補上,心裡常常覺得早知道應該更早開賽才對 嗚嗚 QQ…

不過,我相信透過這些循序漸進的實作,大家會更明白 Vue3 的響應式系統,其實是許多開發者長年累月在開源社群中不斷改良與設計的成果,而不是什麼黑魔法盒子。

最後,還是要謝謝一路耐心讀完文章的大家,也辛苦你們幫我抓了那麼多筆誤 XDD

YAAA~謝謝大家,我完賽啦~~~ 🎉

Article title:Day 30 - 完賽心得
Article author:日安
Release time:9th October 2025