iT邦幫忙

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

鐵人賽 Mobile Development DAY 30

技術 【30 天做一個極簡App】鐵人賽完賽心得、專案回顧與未來展望

終於寫到Day 30了~在過去寫文章的日子裡,從一個模糊的想法開始,透過每天的持續推進,一手打造出橫跨前後端、整合了LLM人工智慧、具備雲端同步與雙平台上架能力...

鐵人賽 Mobile Development DAY 29

技術 【30 天做一個極簡App】登上 TestFlight:發佈給內部測試人員

昨天在Xcode中將App打包成一個經過簽署的Archive檔案~ 這個檔案是準備交付給Apple的最終成品。今天將進行iOS上架前的最後一步,將這個App送上...

鐵人賽 Mobile Development DAY 28

技術 【30 天做一個極簡App】iOS上架準備:Xcode 設定與 Archive

昨天成功地將Android版本的App送上了Google Play內部測試軌道,今天將戰場轉移到另一個主要的行動生態系——Apple iOS。iOS的上架流程與...

鐵人賽 Mobile Development DAY 27

技術 【30 天做一個極簡App】登上 Google Play:發佈到內部測試軌道

昨天為App產生了簽署金鑰並打包成Android App Bundle (AAB)檔案~那個靜靜躺在build資料夾裡的app-release.aab檔案,是我...

鐵人賽 Mobile Development DAY 26

技術 【30 天做一個極簡App】Android 上架準備:簽署與App Bundle

昨天,為App換上了門面,設計了專屬的Icon和啟動畫面。當App的外觀和功能都已具備,就代表我們正式進入了發布準備階段。今天將專注於Android平台的上架準...

鐵人賽 Mobile Development DAY 25

技術 【30 天做一個極簡App】專業門面:設計App Icon與啟動畫面

經過了前兩天嚴謹的單元與整合測試,已經為App的內在品質建立了後盾。現在是時候將目光從內部轉向外部,為我們的App打造一個吸引人的「第一印象」了。畢竟,在使用者...

鐵人賽 Mobile Development DAY 24

技術 【30 天做一個極簡App】端到端的守護:整合測試 (Integration Test)

昨天透過單元測試為App的各個獨立零件(Provider、Repository)建立了品質防線,確保了引擎可以發動、輪胎可以滾動。但如果把這些零件組裝起來,這台...

鐵人賽 Security DAY 8

技術 Day 08: 【後端起手式】Firebase Functions:打造 Serverless FIDO 後端服務

前言:進入後端實作階段 根據我們在第一週定版的系統設計與 API 規格,第二階段的核心目標是實現 FIDO/WebAuthn 的後端邏輯。為此,我們選定 Fir...