iT邦幫忙

mvvm相關文章
共有 62 則文章
鐵人賽 Modern Web DAY 1

技術 Day 01. 話說踩坑前...

前言 在 MVC 的開發階段的過程,在處理 view 的部分,由於多數框架渲染引擎的耦合性特別高,個人一直沒有好感(就像阿兩對小町)。 自從被前輩推坑進入 MV...

鐵人賽 Mobile Development DAY 12

技術 [Day 12] 單元測試的選擇 MVP vs MVVM

我們在之前文章介紹了MVP與MVVM,看起來兩者用哪一個來做UI的架構都可以寫Unit test,但是到底要用哪個來寫mobile application比較好...

鐵人賽 Modern Web DAY 19

技術 Day 19. 啊啊啊 v-for 壞掉惹!!

小弟在開發 Vue 或是 Nuxt 專案的時候,都曾經遇過 v-for 的迭代對象,明明已經被修改了,卻沒有看到畫面的變化,其中有些是 JS 撰寫的一些重點沒注...

鐵人賽 Modern Web DAY 3

技術 Day 03. Laravel 專案開箱

開箱怎麼可以沒有美照XD,完整的結構如圖,但由於我們只以 Laravel 作為 API server,所以只開箱開發 api 會用到的資料夾以及相關檔案。...

鐵人賽 Mobile Development DAY 19

技術 day19 Kotlin coroutine flow with liveData in MVVM

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

鐵人賽 Mobile Development DAY 29

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

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

鐵人賽 Mobile Development DAY 7

技術 便利貼中的手勢操作

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 16

技術 Day 16. Nuxt.js 專案開箱

距離 Day 02 也幾天了,在介紹完基本 Laravel API 開發之後,今天開始要介紹 Nuxt.js。和多數大神介紹方式不同,小弟比較喜歡透過造輪子了解...

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

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

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

鐵人賽 Mobile Development DAY 20

技術 Station list screen (2)

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

鐵人賽 Modern Web DAY 18

技術 Day 18. Vue Component 快速導讀 (2/2)

昨天介紹了 VueComponent 常用屬性,今天接著介紹 <template> 的資料綁定渲染以及事件 資料綁定 渲染與邏輯控制 基...

鐵人賽 Modern Web DAY 8

技術 Day 08. 瘦,是一種生活 - 減脂後的 Controller

在連續兩天的減重之後,今天來看看 controller 瘦身後的結果吧 (聽起來好像賣膏藥的 XD)! 進入正題之前特別說明一下, controller 中的每...

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 自我挑戰組 DAY 3

技術 慢慢地讓ECG來MVVM?!

MVVM是什麼呢? MVVM是一種設計模式。 它可以達到甚麼目的呢? 遵循MVVM設計模式,讓你的系統程式碼較容易維護與 reusability !? 參考以下...

鐵人賽 Mobile Development DAY 26

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

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

鐵人賽 Modern Web DAY 2

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

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

技術 怎麼從MVC轉到MVVM

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

鐵人賽 Modern Web DAY 15

技術 Day 15. 中場休息 15 分鐘 - Git Submodule

在之前有提到前後端共享驗證規則進行開發,這樣的概念用 Git Submodule 就可以進行。Git Submodule 的概念是將其他 repositorie...

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

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

鐵人賽 Mobile Development DAY 20

技術 專案檔案結構

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

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

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

鐵人賽 Mobile Development DAY 17

技術 ViewModel 的 Single source of truth

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

鐵人賽 Mobile Development DAY 25

技術 ETA screen (4)

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

徵才 Newegg 正在誠徵 Mobile Application Architect (iOS)

**Newegg.com 每天超過5.5萬筆日訂單、1200萬註冊用戶、+3000則訊息回覆,我們是如何技術分工?新蛋全球開發團隊怎樣透過大數據、演算法研究、爬...

鐵人賽 Mobile Development DAY 24

技術 ETA Screen (3)

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

鐵人賽 Mobile Development DAY 16

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

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

鐵人賽 Modern Web DAY 30

技術 Day NaN. 完賽心得

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

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

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

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