iT邦幫忙

mvvm相關文章
共有 63 則文章
鐵人賽 JavaScript DAY 3

技術 【Day2】選課前建議先爬文—Vue框架特性&建立第一個Vue專案

Vue是一種漸進式的JavaScript框架,使用單文件組件的格式(SFC)將HTML、CSS及JS封裝在單一文件中讓程式模塊化,可以更靈活的運用。針對已存在或...

鐵人賽 Mobile Development DAY 17

技術 Day 17: SwiftUI 展示「Linked List」題目,如何運用 Circle、Path、MVVM

我們學會了 Linked List 知識後,接下來就是要結合 SwiftUI 知識一起實現這個資料結構了,如果你還沒懂鏈結串列,強烈建議你在前往上一篇複習 導讀...

鐵人賽 Modern Web DAY 12

技術 【DAY12】 MVVM(Model-View-ViewModel)

除了MVC以外,另一種軟體設計模式是MVVM(Model-View-ViewModel)。 MVVM 一種用於軟體設計和開發的架構模式,建立具有良好結構和可維護...

鐵人賽 Mobile Development DAY 4
SwiftUI 的大大小小 系列 第 4

技術 Day 4 - 在 SwiftUI 的 View 達成以 protocol 為 @ObservedObject 屬性的型別

前一篇是提到「SwiftUI 中的形狀元件與運用」,雖然本系列文章基本上沒有前後關聯,如果你是還沒讀過前一篇的讀者,也推薦你去讀讀。 問題描述 在 MVVM...

技術 UML 分析 Android 架構 - KunMinX 的 MVVM 架構框架 (MVVM 架構框架的首選, 7.7k 顆星)

KunMinX - Jetpack-MVVM-Best-Practice 別忘了按下讚並追蹤我喔~作者的 Blog 官方架構圖 UML MVVM 架構圖 既...

鐵人賽 Mobile Development DAY 29

技術 Day 29 - [Android APP] 07-MVVM中的RecyclerView與Adapter

鐵人賽快到尾聲了,今天想介紹在控制 RecyclerView 中回饋按鈕時,遇到的狀況。想想,這篇好像應該和前一篇順序對調,畢竟是先有這些糾結,才有後面自己歸納...

鐵人賽 Mobile Development DAY 26

技術 Day 26 - [Android APP] 04-MVVM - Repository與API串接

前幾天介紹的 MVVM 架構,可以參考這篇 [[Android APP] 01-架構介紹-MVVM]。今天要講的是其中 Repository 的部分,Repos...

鐵人賽 Mobile Development DAY 25

技術 ETA screen (4)

現在來到整個 app 最後一個功能:錯誤 banner。這個 banner 出現的目的是因為鐵路隧道沿綫的電話上網訊號都接收得不太好(因為太多人同時在用),很容...

鐵人賽 Mobile Development DAY 24

技術 ETA Screen (3)

我們這次會為班次頁加上自動更新和順帶為下一篇實作錯誤 banner 做準備。 我們這頁除非顯示不能連接到互聯網這類錯誤外,都不會出現重新載入按鈕,這是因為這頁就...

鐵人賽 Mobile Development DAY 23

技術 Day 23 - [Android APP] 01-架構介紹-MVVM

第 23 天,這幾天庫存真的用完了,所以文章都是最新鮮,當天寫的喔!! 剩下 7 天,一起加油吧! 終於來到了最後一個系列「Android APP 系列」,也就...

鐵人賽 Mobile Development DAY 20

技術 Station list screen (2)

上一篇我們完成了 StationListAdapter,我們現在會繼續車站列表的 UI 部分。 StationListViewModel 首先我們要寫的 cla...

鐵人賽 Mobile Development DAY 19

技術 day19 Kotlin coroutine flow with liveData in MVVM

恩,標題不知道怎麼下成中文 在之前的範例裡,示範了如何用coroutine做一次性的網路請求,並交結果post給liveData,讓ui可以觀察(one sho...

鐵人賽 Mobile Development DAY 20

技術 專案檔案結構

第二階段也接近到尾聲了,現在便利貼已經有了比較豐富的功能了,可以拖曳便利貼、改變顏色、改變文字、新增以及刪除。那麼檔案的結構又會是什麼樣子呢? 這邊的分類方式是...

鐵人賽 Mobile Development DAY 17

技術 ViewModel 的 Single source of truth

以往我們所熟悉的 Single source of truth 都是在針對資料層,概念上基本上這樣的:我們 App 的資料來源通常來說都有兩個,一個是網路,另一...

鐵人賽 Mobile Development DAY 16

技術 ViewModel 中的 UI 狀態 - 以 Selection state 為例

在一個應用程式中,有著各種不同類型的資料,這些不同的資料也有屬於他們的生命週期,有些資料就像之前介紹的便利貼一樣,是永久存在雲端上的(除非有一天把專案刪了......

鐵人賽 Mobile Development DAY 15
Andoroid - Kotlin筆記 (新) 系列 第 15

技術 [Day15] Andoroid - Kotlin筆記: MVVM簡介

MVVM由三項組成。 分別為(Model、View、ViewModel) 先來上MVVM架構圖,方便下文介紹 文末會附上簡單例子講解。 View V...

鐵人賽 Modern Web DAY 3

技術 Day 03 - 行前說明 — 在 MVC & MVVM 的 UI 元件

相信網路上其實已經有不少文章在談架構了,我的資歷也尚淺,今天雖然會介紹架構,但是主要會側重的點會是在 UI 元件在這樣的架構中的角色定位,我們可以如何去思考,...

鐵人賽 Mobile Development DAY 7

技術 便利貼中的手勢操作

在 Jetpack Compose 的官方文件中,拖曳手勢操作是這樣子使用的: Box(modifier = Modifier.fillMaxSize()) {...

鐵人賽 Modern Web DAY 2

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day2.在認識vue之前(二)

在認識 Vue 之前,前一篇已經介紹了資料驅動畫面跟雙向綁定的概念了今天再介紹一個 MVVM架構~ 3.MVVM 架構 記得~當初白紙白到連這個都講得哩哩辣辣(...

鐵人賽 Mobile Development DAY 6

技術 你的 MVVM 不是你的 MVVM

相信各位也看了 N 個介紹 MVVM 的文章了吧,不知道你們有沒有覺得大家所描述的 MVVM 是不是有點不太一樣呢?或是套用在你的專案後,實作中所遇到的問題跟網...

技術 從單元測試探討 MVC to MVVM 的差異

從單元測試探討 MVC to MVVM 的差異 你在這裡學到什麼? 用 RxSwift DataBinding 從 MVC 業務邏輯抽離 比較 MVC 與 M...

技術 怎麼從MVC轉到MVVM

我是先看這位大大的文章https://ithelp.ithome.com.tw/articles/10218263 我也是MVVM菜比八,大大們有錯請指正~ 覺...

鐵人賽 Software Development DAY 19

技術 [Architectural Pattern] MVVM pattern for Android

作為 architecture pattern 三兄弟最晚出生的小弟,MVVM (Model-View-ViewModel) 卻在 Android 平台上成為...

鐵人賽 Modern Web DAY 30

技術 Day NaN. 完賽心得

過去這 30 天算是將小弟近期的學習跟 coding 經驗做個紀錄,很感謝推我入坑的學長兼前輩,對於他每天都幫忙校稿 (我的錯字真是無敵多... 汗顏) 提供意...

鐵人賽 Modern Web DAY 30

技術 Day 30. 博大坑深的 Docker 部屬 - Nuxt (2/2)

昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣,小弟這邊沒有特別去找 image 或是開源,而是土炮自製了一個也順...

鐵人賽 Modern Web DAY 29

技術 Day 29. 博大坑深的 Docker 部屬 - laradock (1/2)

太久沒有用 Docker 差點忘光了,今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案,沒錯,你以為惱人的環境設...

鐵人賽 Modern Web DAY 28

技術 Day 28. 別鬧了,定義個樣式 class name 寫得有夠長 - SCSS 基礎介紹

如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式,CSS 要寫的超級長 ... 等一堆怨言,那一定要來寫寫看 SCS...

鐵人賽 Modern Web DAY 27

技術 Day 27. 居家旅行、殺人滅口,必備良藥 -「註冊」、「登入」與「登出」

差點就要開天窗了...,今天整理之前的介紹,實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能,有興趣的鐵人大大可以到...

鐵人賽 Modern Web DAY 26

技術 Day 26. 手把手造個輪子 - Form 表單 (文長慎入)

講了這麼多,也該是要造個輪子練練手感了。事實上使用 Vue 等前端框架,最主要就是 component 可以重複利用,所以練手感歸練手感,如果沒有太多的 UI/...

鐵人賽 Modern Web DAY 25

技術 Day 25. 說好的 window 和 document 呢?

在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR,因此在使用套件 (或是自己開發) 的過程中,可能會遇到「windo...