iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

人生第一次的SideProject 系列

剛入前端的自我挑戰,以Angular為主框架最後希望能整合ASP.NET MVC,做出第一個屬於自己的程式,並記錄下其中過程。

鐵人鍊成 | 共 33 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day 1] 開場介紹與專案需求

  打給厚,這裡是才剛踏進前端的……不是小蝦米,要比喻的話大概是浮游生物等級。不小心進入到F2E的世界發現水真是比想像中還要深,而自己還在沙灘上被海浪沖來沖去。...

2019-09-17 ‧ 由 Emi 分享
DAY 2

[Day 2 ] 角色卡基本框架(一)

今天跟Angular奮戰了一整天,大部分時間都在查文件或網路資料,偷偷慶幸下角色卡版型滿多重複類似的地方,後面是都複製修改的話速度應該能提升……吧? 呼叫ng...

2019-09-18 ‧ 由 Emi 分享
DAY 3

[Day 3 ] 角色卡基本框架(二)

今天依然是刻版型的一天,把基礎部分大致完成了。 目前都只使用Boostrap預設元件,很多沒對齊的地方雖然覺得很ㄚˋㄗㄚ,想想還是不要花太多時間,等功能都寫完再...

2019-09-19 ‧ 由 Emi 分享
DAY 4

[Day 4 ] 技能配點功能實作(一)

總之先上本日進度: 今天花了滿多時間在各技能名稱、數值的Hard core上,雖然有偷偷用excel協助調格式但還是花了不少時間……關於這部分想很久,還是沒想...

2019-09-20 ‧ 由 Emi 分享
DAY 5

[Day 5 ] 技能配點功能實作(二)

今天開始實作配點功能,考慮過後決定將每個技能都新增職業/興趣兩種選項,勾選之後各別和這兩項的點數連動。 也就是說,如果點了「話術」的興趣欄位,話術就會被算進興趣...

2019-09-21 ‧ 由 Emi 分享
DAY 6

[Day 6 ] 技能配點功能實作-方法分析

這兩天coding進度不停打轉,一直有種找不到出口的感覺,仔細想想自己對配點功能的邏輯似乎跑錯了方向,原本的架構與資料傳輸方式並不能達到想要的結果,結果就是在各...

2019-09-22 ‧ 由 Emi 分享
DAY 7

[Day 7 ] Save/Load實作(一)

為了弄懂ngModule,這邊比預計提前開始實作Save/Load,總之文章就是按照實作順序來寫了。 找資料時發現ngModule應用方法似乎不少,這裡只用了最...

2019-09-23 ‧ 由 Emi 分享
DAY 8

[Day 8 ] Save/Load實作(二)

今天的內容是昨天的延伸,但跟ngModel果然不熟,整個晚上都在找ngModel套到ngFor的方法,後來才發現是要儲存的變數代錯……睡眠不足果然不利思考orz...

2019-09-24 ‧ 由 Emi 分享
DAY 9

[Day 9 ] Save/Load實作(三)

之前在單個元件內成功儲存了資料,今天試作全部存檔/讀檔功能,最後用了一個比較傻瓜但操作簡單的方法。 先在子元件的html標籤上加一個讓Angular識別的att...

2019-09-25 ‧ 由 Emi 分享
DAY 10

[Day 10 ] 技能配點功能實作(三)

之前寫配點功能時真的不曉得是不是卡到...呃好吧也不知道卡到什麼,總之就是一直往錯誤的方向嘗試。這幾天暫時放下配點去弄Save功能,再回來看的時候覺得邏輯一整個...

2019-09-26 ‧ 由 Emi 分享