iT邦幫忙

flutterweb相關文章
共有 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。在台灣業界它不流行,我環顧四周也...