iT邦幫忙

flutterweb相關文章
共有 30 則文章
鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 25

技術 Day 25|Nuxt SSR/SSG 原理回顧

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

技術 Day 20|Vite build 流程與最佳化策略回顧

模組五|建置與部署(Day 20–24) 先備:Day 1(兩個對照 demo 的來歷)、Day 11(SPA 的 rewrite 原罪,Day 23 會再撞...

鐵人賽 Modern Web DAY 19

技術 Day 19|狀態管理選型結論:什麼情境選什麼

模組四|狀態管理(Day 15–19) 先備:Day 15–18(四天的對照)。這一篇是模組四的結論,可以單獨讀,但表格裡每一格背後的理由都在前四天。 四天...

鐵人賽 Modern Web DAY 18

技術 Day 18|跨模組狀態共享:Vue provide/inject vs Flutter InheritedWidget

模組四|狀態管理(Day 15–19) 先備:Day 8(InheritedWidget 是往下傳資料的底層機制)、Day 3(我埋的那個 Theme.of(...

鐵人賽 Modern Web DAY 17

技術 Day 17|Bloc 狀態機設計實戰

模組四|狀態管理(Day 15–19) 先備:Day 10(Bloc 的 add/on 形狀、sealed class)、Day 16(不可變狀態與 copy...

鐵人賽 Modern Web DAY 16

技術 Day 16|Riverpod Provider 種類與使用場景

模組四|狀態管理(Day 15–19) 先備:Day 9(ref.watch/ref.read 的分工)、Day 15(Pinia 三件套與那兩個 any)。...

鐵人賽 Modern Web DAY 15

技術 Day 15|Pinia store 設計:state/getters/actions

模組四|狀態管理(Day 15–19) 先備:Day 6(依賴追蹤 track/trigger)、Day 8(ChangeNotifier 與 notifyL...

鐵人賽 Modern Web DAY 14

技術 Day 14|深層連結(Deep Link)與 Web URL 同步策略比較

模組三|Routing(Day 11–14) 先備:Day 11(history mode 的伺服器 rewrite 義務)、Day 12(context.g...

鐵人賽 Modern Web DAY 13

技術 Day 13|Navigator 2.0 底層機制:為什麼 Flutter 路由這麼複雜

模組三|Routing(Day 11–14) 先備:Day 11(堆疊即狀態)、Day 12(go_router 是這一層的封裝)。本篇的 code 是骨架示...

鐵人賽 Modern Web DAY 12

技術 Day 12|go_router 宣告式路由:對照 vue-router 設定方式

模組三|Routing(Day 11–14) 先備:Day 11(URL-first vs Stack-first 的世界觀差異)。本篇會出現 state.p...

鐵人賽 Modern Web DAY 11

技術 Day 11|vue-router 基礎回顧:history mode、路由守衛

模組三|Routing(Day 11–14) 先備:Day 2(widget 是建構子、不是標籤)、Day 7(頁面級 state 走 setState)。這...

鐵人賽 Modern Web DAY 10

技術 Day 10|Bloc/Cubit:事件驅動狀態管理,Vue 有類似模式嗎?

模組二|響應式對照(Day 6–10) 先備:Day 8(context.read / context.watch 的取用方式)、Day 9(Riverpod...

鐵人賽 Modern Web DAY 9

技術 Day 9|Riverpod vs Pinia:對照著手,Provider 語法 vs 組合式風格

模組二|響應式對照(Day 6–10) 先備:Day 6(依賴追蹤 track/trigger)、Day 8(provider 套件與 context.wat...

鐵人賽 Modern Web DAY 8

技術 Day 8|Provider:依賴注入式狀態管理初探

模組二|響應式對照(Day 6–10) 先備:Day 6(依賴追蹤)、Day 7(setState 與 rebuild 粒度)。第一次讀可跳過本篇 Flutt...

鐵人賽 Modern Web DAY 7

技術 Day 7|Flutter setState:最原始的重繪機制與痛點

模組二|響應式對照(Day 6–10) 先備:Day 2(widget tree 與第一段 Dart 語法)、Day 6(Vue 的 track/trigge...

鐵人賽 Modern Web DAY 6

技術 Day 6|Vue reactivity 核心:ref/reactive/computed 原理

模組二|響應式對照(Day 6–10) 先備:Day 2(第一段 Dart 語法、具名參數與 super.key)、Day 5(建構子就是元件的公開介面)。第...

鐵人賽 Modern Web DAY 5

技術 Day 5|元件化思維:Vue 元件 props/emit vs Flutter Widget 建構子/callback

模組一|心智模型轉換(Day 1–5) 先備:Day 2(widget tree 與第一段 Dart 語法)、Day 4(Row/Column 的 const...

鐵人賽 Modern Web DAY 4

技術 Day 4|版面配置對照:Flexbox/Grid vs Row/Column/Stack

模組一|心智模型轉換(Day 1–5) 先備:Day 2(widget tree 怎麼讀)、Day 3(樣式寫在哪)。第一次讀可以略過兩段簡例的細節,直接跳到...

鐵人賽 Modern Web DAY 3

技術 Day 3|CSS 選擇器 vs Flutter 樣式系統(BoxDecoration、TextStyle)

模組一|心智模型轉換(Day 1–5) 先備:沒有。Day 1(Flutter Web 把整個畫面畫進一塊 canvas、DOM 只剩一個節點)與 Day 2...

鐵人賽 Modern Web DAY 2

技術 Day 2|SFC template vs widget tree:宣告式 UI 的兩種寫法

模組一|心智模型轉換(Day 1–5) 先備:Day 1(系列前提與 Waypoint Air 兩個對照 repo)。零 Dart 基礎可以直接讀下去,本篇每...

鐵人賽 Modern Web DAY 1

技術 Day 1|為什麼 Vue 前端要認識 Flutter Web?系列開篇與學習地圖

模組一|心智模型轉換(Day 1–5) 我是寫了十年以上 Vue 的前端工程師,而且先自首:我不信 Flutter Web。在台灣業界它不流行,我環顧四周也...