iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Vue 前端工程師視角看 Flutter Web 系列

寫了十年 Vue 的前端工程師,先自首:我不信 Flutter Web。這系列不是勸你改寫 Flutter,是一個懷疑者的實測——把 Vue 的心智模型當座標系(reactivity、SFC、路由、狀態管理、建置部署、SEO),逐一對照 Flutter Web,看它到底行不行。每篇固定走「Vue 怎麼做 → Flutter Web 怎麼做 → 差異與坑」。實測數字出自同一組對照專案:Vue 版與 Flutter Web 版畫面一模一樣的訂票 side project,唯一變因是底層技術。另一個實驗變數:全程不學 Dart、用 AI agent 開發。30 天後給出可辯護的選型結論。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21|Flutter Web build 流程:CanvasKit 與 renderer 選項

模組五|建置與部署(Day 20–24) 先備:Day 1(畫布不是 DOM)、Day 20(Vite 的基準線與 AOT)。本篇的 code 全是指令與目錄...

2026-08-26 ‧ 由 harryfan 分享
DAY 22

Day 22|Bundle size 與首屏載入時間實測比較

模組五|建置與部署(Day 20–24) 先備:Day 20(Vite 的預設最佳化與 deferred import)、Day 21(產物裡多了一顆引擎)。...

2026-08-27 ‧ 由 harryfan 分享
DAY 23

Day 23|部署踩坑:靜態託管、路由 rewrite、快取設定

模組五|建置與部署(Day 20–24) 先備:Day 11(history mode 的 rewrite 原罪)、Day 14(那個 vercel.json...

2026-08-28 ‧ 由 harryfan 分享
DAY 24

Day 24|案例研究:three.js 捲動式登陸頁轉 Flutter Web 觀察

模組五|建置與部署(Day 20–24) 模組五收尾,來做一個注定失敗的實驗。我手上另一個專案(claude-mobile,不在本系列 repo 裡)做過一...

2026-08-29 ‧ 由 harryfan 分享
DAY 25

Day 25|Nuxt SSR/SSG 原理回顧

模組六|SEO/SSR(Day 25–28) 先備:Day 21(Flutter Web 的產物長什麼樣)。本篇會把我自己那支 13 行的 index.htm...

2026-08-30 ‧ 由 harryfan 分享
DAY 26

Day 26|Flutter Web 的 SEO 困境:爬蟲看到的是什麼

模組六|SEO/SSR(Day 25–28) 先備:Day 25(SSR 為什麼對 SEO 有效、我那支 13 行的 index.html)。今天要看的是同一...

2026-08-31 ‧ 由 harryfan 分享
DAY 27

Day 27|補救方案:預渲染、meta 標籤注入、混合架構

模組六|SEO/SSR(Day 25–28) 先備:Day 26(爬蟲拿到的是一支 <script>)。今天講三帖藥,其中一帖是安慰劑,我會說清楚...

2026-09-01 ‧ 由 harryfan 分享
DAY 28

Day 28|SEO 導向專案該不該選 Flutter Web?決策框架

模組六|SEO/SSR(Day 25–28) 先備:Day 25–27(SSR 光譜、爬蟲實測、三帖補救藥)。這一篇可以單獨帶進選型會議,但每一格的理由都在前...

2026-09-02 ‧ 由 harryfan 分享
DAY 29

Day 29|生態系與工具鏈踩坑心得:套件成熟度盤點 + DevTools 除錯實戰

模組七|生態系與踩坑心得(Day 29–30) 先備:Day 21(CanvasKit 把畫面畫進 canvas)。這一篇不套三段式,因為它盤的是工具鏈,不是...

2026-09-03 ‧ 由 harryfan 分享
DAY 30

Day 30|總結:Vue 前端跨入 Flutter Web 的完整學習地圖與建議

模組七|生態系與踩坑心得(Day 29–30) 30 天前我在 Day 1 自首:我不信 Flutter Web。然後給自己設了一個實驗——不學 Dart,...

2026-09-04 ‧ 由 harryfan 分享