ViewModel 先來看看官方文檔的開頭介紹 The ViewModel class is designed to store and manage UI-...
今天要聊的主題是依賴注入 Dependency Injection (DI),聊這個有點為難,一來是一不小心就會解釋太遠,二來是自認為只是略懂。所以今天打算規劃...
Server 對於收到的資料都應該要進行驗證確保 server 的安全以及過濾不必要的錯誤。然而自己寫資料驗證頗為麻煩,從昨天的 controller 範例,也...
在介紹完 controller 之後,接著要為 API 綁定 URL 讓其他系統可以使用。今天會依照下面主題逐一介紹 Laravel Routing 設定。...
原打算在介紹完 page component 之後繼續介紹個 layout component 和 <slot>,但因為這兩個相對簡單所以還是不要打...
前言 時間過得很快,距離2019鐵人挑戰賽將近一年了,在這一年間除了持續進行android程式設計的開發之外,也接觸了不少新東西!例如:重構、實作模式、測試驅動...
在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR,因此在使用套件 (或是自己開發) 的過程中,可能會遇到「windo...
從昨天的最後我們有說分散於各地的驗證規則不好管控,今天會透過以下的主題,整合驗證規則和驗證失敗的處理,同時再工商一個 vaidation 的套件,讓驗證規則可與...
太久沒有用 Docker 差點忘光了,今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案,沒錯,你以為惱人的環境設...
昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣,小弟這邊沒有特別去找 image 或是開源,而是土炮自製了一個也順...
相信各位也看了 N 個介紹 MVVM 的文章了吧,不知道你們有沒有覺得大家所描述的 MVVM 是不是有點不太一樣呢?或是套用在你的專案後,實作中所遇到的問題跟網...
JavaScript的框架這麼多, 依什麼選擇此框架? 要用JavaScript做什麼, 這是首先要問自己的問題。 JavaScript 算是在 MVC 裡的...
Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin,今天除了...
開始之前,如果有對 MVC 不熟的大大可以參考文章。在 MVC 當中,其實只有定義了 model、view 和 controller 而已,意思就是說不需要接下...
Vue component 熟悉之後,今天要接著介紹 pages 底下的 Vue component 多了那些屬性以及相關介紹,為了避免混淆,以下稱為 page...
第 23 天,這幾天庫存真的用完了,所以文章都是最新鮮,當天寫的喔!! 剩下 7 天,一起加油吧! 終於來到了最後一個系列「Android APP 系列」,也就...
差點就要開天窗了...,今天整理之前的介紹,實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能,有興趣的鐵人大大可以到...
昨天的部份已經介紹過MVVM的範例了,也提到了MVVM模式設計的好處,針對昨天的範例我們來實作一下單元測試。 class ExampleUnitTest {...
MVVM (Model-View-ViewModel) MVVM是近年在Android開發中比較熱門的設計模式,這是因為google在2017年推出Archit...
雖然系統中沒有資料也可以正常運作,不過個人還是習慣先準備好資料,再一層層往上建起來,若跟大家習慣不同還請多包涵 在 Laravel 中,資料庫相關的類別主要有下...
Laravel 介紹的尾聲要再為各位介紹兩個安全機制讓我們的 API 使用上更為安全。今天帶來的是 JSON Web Token (JWT),明天則會說明 No...
在 Vue 專案中,透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排,但在 Nuxt 專案中,不再需要透過設定,pages 的目錄結構...
昨天有提到 service 會統合各項資源與應用,事實上並沒有明確的文章規範那些處理應該寫在 service 或是 controller,至少兩者之間所處理的事...
如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式,CSS 要寫的超級長 ... 等一堆怨言,那一定要來寫寫看 SCS...
今天主要說明為甚麼 Postman 明明發出 request 有正確的 response,可是為甚麼接下來不論是 Vue.js 或 Nuxt.js 都會失敗呢!...
Vue 基礎的概念就是將畫面切割成一個個元件 (component),在各種需要的地方插入元件提供更方便、可重複利用的前端開發。至於元件的定義,可以大到整個完整...
開發環境 & 套件 今天主要先把開發環境準備好,並建立專案。 喔對了! 才剛開始鐵人馬上被打臉,本次的採坑過程中主要是以 Laravel 5.8 為主,...
Vue component 中 :bind 和 v-model 分別是「單向資料流」以及 「雙向綁定」,在單向資料流當中,有時候我們會需要將 Vue compo...
很多時候我們對 request 內容要有比較複雜的檢查與過濾機制,例如說呼叫 API 的授權檢查,或是針對帶入資料是否含有 XSS 攻擊的可能性等諸如此類比較複...
小弟在開發 Vue 或是 Nuxt 專案的時候,都曾經遇過 v-for 的迭代對象,明明已經被修改了,卻沒有看到畫面的變化,其中有些是 JS 撰寫的一些重點沒注...