Day 20 中场休息,来做点酷东西(型别修正跟除点小虫)

今天做了几件小事

  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 20] - 初探永丰银行线上收款API - 订单查询及其他(2)

>>:  Day 20 - OR、AND 的活用方式与短路取值

R语言-2&3-记忆体

在电脑中的资料单位 1个0或1 =>一个位元(bit) 8个0或1 =>一个位元组(By...

Day 26-Unit Test 应用於 Async Code-2 (情境及应用-6)

Unit Test 应用於 Async Code-2 - 用程序码讲故事(测试码 Exception...

[Day25] Scrum 与交付型专案

「我们公司做的是接案,跟 Scrum 的迭代精神不符,还适合用 Scrum 开发吗?」 这个问题的雷...

Day9-D3绘图:绘制形状的Helper Functions

本篇大纲:Generator、Component、Layout 截至目前,我们已经学会 D3 如何...

Vue.js 从零开始:v-on

本篇来介绍 v-on 指令的特别之处,使用 JavaScript 撰写一个事件处理,除了 DOM 的...