iT邦幫忙

mvvm相關文章
共有 42 則文章

技術 怎麼從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/...

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Mobile Development DAY 11

技術 [Day 11]MVVM的單元測試

昨天的部份已經介紹過MVVM的範例了,也提到了MVVM模式設計的好處,針對昨天的範例我們來實作一下單元測試。 class ExampleUnitTest {...

鐵人賽 Mobile Development DAY 10

技術 [Day 10] MVVM與單元測試

MVVM (Model-View-ViewModel) MVVM是近年在Android開發中比較熱門的設計模式,這是因為google在2017年推出Archit...

鐵人賽 Modern Web DAY 24

技術 Day 24. Plugin - 懶人救星

Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin,今天除了...

鐵人賽 Modern Web DAY 23

技術 Day 23. Vuex 和 Cookie 哪個好? 小朋友才做決定,我兩個都要

原打算在介紹完 page component 之後繼續介紹個 layout component 和 <slot>,但因為這兩個相對簡單所以還是不要打...

鐵人賽 Modern Web DAY 22

技術 Day 22. 話說 Nuxt 的 VueRouter 呢?

在 Vue 專案中,透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排,但在 Nuxt 專案中,不再需要透過設定,pages 的目錄結構...

鐵人賽 Modern Web DAY 21

技術 Day 21. Nuxt page component 粉墨登場

Vue component 熟悉之後,今天要接著介紹 pages 底下的 Vue component 多了那些屬性以及相關介紹,為了避免混淆,以下稱為 page...

鐵人賽 Modern Web DAY 20

技術 Day 20. 新鮮好吃的手做 v-model

Vue component 中 :bind 和 v-model 分別是「單向資料流」以及 「雙向綁定」,在單向資料流當中,有時候我們會需要將 Vue compo...

鐵人賽 Mobile Development DAY 6

技術 Day 6 ViewModel (一) 介紹與基本使用

ViewModel 先來看看官方文檔的開頭介紹 The ViewModel class is designed to store and manage UI-...

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 17

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

Vue 基礎的概念就是將畫面切割成一個個元件 (component),在各種需要的地方插入元件提供更方便、可重複利用的前端開發。至於元件的定義,可以大到整個完整...

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

技術 Day 14. 自己家的孩子自己打 - No Access-Control-Allow-Origin

今天主要說明為甚麼 Postman 明明發出 request 有正確的 response,可是為甚麼接下來不論是 Vue.js 或 Nuxt.js 都會失敗呢!...

鐵人賽 Modern Web DAY 13

技術 Day 13. Knock knock! Who’s there? JSON Web Token (JWT)

Laravel 介紹的尾聲要再為各位介紹兩個安全機制讓我們的 API 使用上更為安全。今天帶來的是 JSON Web Token (JWT),明天則會說明 No...

鐵人賽 Modern Web DAY 12

技術 Day 12. HiNet 有小天使,Laravel 有 Middleware !

很多時候我們對 request 內容要有比較複雜的檢查與過濾機制,例如說呼叫 API 的授權檢查,或是針對帶入資料是否含有 XSS 攻擊的可能性等諸如此類比較複...

鐵人賽 Modern Web DAY 11

技術 Day 11. 第一個 Laravel API 終於生出來惹 (´;ω;`)

在介紹完 controller 之後,接著要為 API 綁定 URL 讓其他系統可以使用。今天會依照下面主題逐一介紹 Laravel Routing 設定。...

鐵人賽 Modern Web DAY 10

技術 Day 10. FormRequest 管理驗證規則的好幫手

從昨天的最後我們有說分散於各地的驗證規則不好管控,今天會透過以下的主題,整合驗證規則和驗證失敗的處理,同時再工商一個 vaidation 的套件,讓驗證規則可與...

鐵人賽 Modern Web DAY 9

技術 Day 09. Request 驗證可以再簡單一點 (Validation)

Server 對於收到的資料都應該要進行驗證確保 server 的安全以及過濾不必要的錯誤。然而自己寫資料驗證頗為麻煩,從昨天的 controller 範例,也...

鐵人賽 Modern Web DAY 8

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

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