Ting's Square 程式寫作之路

[2020] 第12屆鐵人賽Day 20 Rails專案開發 - 建立Vue元件: Ticket component

昨天的鐵人賽我們終於開始真正把手上在開發的系統變成,Vue.js x Rails專案了,可喜可賀!

Read the Article →

[2020] 第12屆鐵人賽Day 19 Rails專案開發 - 建立Vue元件: Column component

在昨天的鐵人賽,我們利用rails的scaffold指令,迅速地將看板KanbanCRUD調整成符合專案適合的樣貌,並完成了使用者登入後頁面,列出了目前筆者在現實生活中、需要進行敏捷開發的兩個Rails專案的kanban

Read the Article →

[2020] 第12屆鐵人賽Day 18 Rails專案開發 - 第2個Model: 建立看板 Kanban

話說前幾天聽了星箭廣播「如何變強」特輯:工程師學習新技術,深受啟發。這集的來賓是創業家林宜儒(Lawrence)同時也是一位資深的Rails後端工程師,他分享了自己學習前端框架的心得(以React為例)。我覺得很值得跟鐵人賽的朋友們分享!

Read the Article →

[2020] 第12屆鐵人賽Day 17 Rails專案開發 - 第1個Model : 註冊, 登入 UI修改

今天是中秋連假第二天~祝大家月餅柚子烤肉吃爽爽!

Read the Article →

[2020] 第12屆鐵人賽Day 16 Rails專案開發 - 網站進度規劃

前情提要:我們在第3天的時候為Rails專案裡導入了Vue.js框架,

Read the Article →

[2020] 第12屆鐵人賽Day 15 Vue instance 的 mounted()

昨天在理解Vue的生命週期時提到,Vue在前端處理上有一個透過掛載mounting的hook處理畫面渲染至瀏覽器前的階段。所以我們今天試著在Rails App裡來使用mounted()這個hook實作需求。

Read the Article →

[2020] 第12屆鐵人賽Day 14 Vue instance的生命週期

第12天鐵人賽前在利用event bus傳情書給某個元件的時候,
可能眼尖的客倌會注意到,疑? 這個created()是不是還沒介紹到呢?

Read the Article →

[2020] 第12屆鐵人賽Day 13 Vuex狀態管理

昨天有聊到event bus雖然方便,但是不容易偵錯及維護。 隨著專案變大、元件變得越來越多,元件間的架構越來越複雜,有時候會遇到多個元件需要共用同一份資料的情況…。

Read the Article →

[2020] 第12屆鐵人賽Day 12 跨多層的Vue元件資料傳遞: event bus

這週都在討論props(從外層傳到內層元件)與emit(從內層傳到外層), 如果是平行關係的元件(而非父子關係),要如何進行資料傳遞呢?

Read the Article →

[2020] 第12屆鐵人賽Day 11 Vue元件單向傳遞: $emit 製作todo list

經過昨天介紹$emit可以傳遞自訂的事件給父層元件之後,今天來利用$emit的特性,設計一個3M便利貼風格的to-do list吧!

Read the Article →