iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
自我挑戰組

TypeScript 三十天學習日記系列 第 20

Day 20 中場休息,來做點酷東西(型別修正跟除點小蟲)

  • 分享至 

  • xImage
  •  

今天做了幾件小事

  1. 定義 Project 的型別 class

  2. 增加 Project 的狀態
    https://ithelp.ithome.com.tw/upload/images/20211005/201319898kK4l8KW4y.png

  3. 定義 Listener 的型別
    https://ithelp.ithome.com.tw/upload/images/20211005/20131989Bw0tAQWnKH.png

  4. 增加新 Project 的時候用 Project 的 class 來新增實例
    https://ithelp.ithome.com.tw/upload/images/20211005/20131989Xw7wQk5p5v.png

  5. 修正之前原本使用 any 定義的型別
    https://ithelp.ithome.com.tw/upload/images/20211005/20131989kUYcz2ckPm.png
    https://ithelp.ithome.com.tw/upload/images/20211005/20131989Zt3vIuzXSL.png

  6. 之前原本新增 Project 的時候 Active 和 Finished 的清單都會顯示,修改成只有 Active 格會顯示新增的 Project
    https://ithelp.ithome.com.tw/upload/images/20211005/20131989tRxzMtinni.png

  7. 修正之前原本新增兩個以上的 Project 時,會把之前新增過的也一併重複渲染一次的問題
    https://ithelp.ithome.com.tw/upload/images/20211005/20131989gQKSjHP9qs.png

目前專案長這樣:
https://ithelp.ithome.com.tw/upload/images/20211005/20131989qYbVIRIYjH.png

已經可以正確的增加專案了!之後會來增加可以拖曳的區塊以及顯示 Project 的更多資訊,還有重構程式碼。
原諒我今天沒辦法解釋得更深入 QQQ,待之後如有空閒會再回來寫覺得需要注意的部分或是其他的理解。
今天的學習筆記暫且到這~謝謝閱讀~


上一篇
Day 19 Libraries & TypeScript
下一篇
Day 21 中場休息,來做點酷東西(重構 class)
系列文
TypeScript 三十天學習日記24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言