iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

30天小老闆系列(1)--線上排班小工具 系列

轉業中的新手前端工程師,還沒找到工作,所以先來做Side Project增加實戰作品累積。
目前主要使用框架是Vue,但對於Vuex、Nuxt.js尚未學習,此次會針對這兩個工具做深入研究。
後端的部分會嘗試用JSON Server模擬 RESTful API。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 11

DAY11 資料室--Vuex模組作用域略說

前言 今天將從前篇介紹的模組做延伸,繼續稍微深入研究模組的一些眉眉角角。在我們前篇有提到一個重點,不曉得大家是否記得呢?在模組中,state預設為模組區域變數,...

2021-09-11 ‧ 由 RedbeanHong 分享
DAY 12

DAY12 資料室--Vuex輔助函數讓代碼更簡潔

前言 各位捧由,相信經過幾天的研究後,我們現在對Vuex都有多一些的瞭解啦!不曉得各位有沒有覺得,在 Vue 元件中使用時,要一直用到 this.$store....

2021-09-12 ‧ 由 RedbeanHong 分享
DAY 13

DAY13 資料室--Vuex載荷Payload

前言 為什麼要特別提一下 Payload ?是因為像 mutations 跟 actions,其實都只能傳一個自定參數進去,如果有多個參數要使用時,可能就會跳錯...

2021-09-13 ‧ 由 RedbeanHong 分享
DAY 14

DAY14 資料室--Vuex項目結構

前言 Vuex 並不會限制我們的代碼結構,只是有三大原則需要遵守: 應用層級的狀態應該集中到單個 store 對像中。 提交 mutation 是更改狀態的唯...

2021-09-14 ‧ 由 RedbeanHong 分享
DAY 15

DAY15 服務室--JSON Server自己開

前言 我們現在有了 Nuxt.js 建立的環境、有了 Vuex 來做資料的處理,現在就差資料要從哪裡來了。身為一個只會前端的小菜雞,要自己架一個後端資料庫,我覺...

2021-09-15 ‧ 由 RedbeanHong 分享
DAY 16

DAY16 服務室--JSON Server RESTful API簡單用

RESTful API操作資料的幾種方法 我們先使用前天的假資料如下: { "posts": [ { "id&quot...

2021-09-16 ‧ 由 RedbeanHong 分享
DAY 17

DAY17 服務室--JSON Server 部屬

前言 因為 JSON Server 沒有驗證的功能,所以只適合讓我們拿來做作品集使用,可以簡單的讓我們架構出自己的資料庫。有了資料庫之後,我們還是需要部屬,才能...

2021-09-17 ‧ 由 RedbeanHong 分享
DAY 18

DAY18 搞樣式--CSS Gird 是什麼?

前言 因為這次排班小工具作品需要用到月曆呈現方式,經過了小小思考覺得...好像用 CSS Gird 會比較好。但我自己平常切板都是用 CSS Flex,對 CS...

2021-09-18 ‧ 由 RedbeanHong 分享
DAY 19

DAY19 搞樣式--CSS Gird 怎麼用(上)?

前言 上一篇提到了格線佈局的概念,簡單的用圖片來呈現,並沒有提到程式碼的部分,今天就讓我們來開始研究看看程式碼的部分要如何撰寫囉! 來用程式碼畫個格線吧! 今天...

2021-09-19 ‧ 由 RedbeanHong 分享
DAY 20

DAY20 搞樣式--CSS Gird 怎麼用(下)?

前言 昨天那篇我已經補上囉!!!此篇將延續前一篇的使用教學,做一些細節延伸的,像是縮寫之類的,讓我們在使用上可以更為熟練! 格線可以命名你知道嗎? 像這是前篇沒...

2021-09-20 ‧ 由 RedbeanHong 分享