iT邦幫忙

鐵人檔案

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

30天CSS、JS、React打造專案零組件 系列

在未來30天裡,我會用我目前學習到的知識,挑戰寫出可以重複利用的小單元,打造網頁零組件:

- 10 天 CSS : 建立RWD 零組件
- 10 天 JS : 實作 JS 小功能
- 10 天 React : 各種 hooks 練習

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

DAY11 - [JS] 經典的ToDoList

今日文章目錄 ToDoList 需求 事前準備 參考資料 ToDoList 需求 Q: 需要有哪些功能? 1.使用者輸入框 與 加入按鈕2.點擊完成按...

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

DAY12 - [JS] 延伸ToDoList - 完成、未完成分類

今日文章目錄 需求說明 事前準備 參考資料 需求說明 Q: 有哪些需求? 紀錄分類:全部、已完成、未完成 顯示方式:做頁籤切換 顯示 已完成、未完成...

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

DAY13 - [JS] 重新改寫ToDoList

今日文章目錄 需求說明 事前準備 重點說明 參考資料 DAY12練習ToDoList分類項目,遇到重複點擊完成鈕,資料無法同時在三種清單上同時更新。昨...

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

DAY14 - [JS] 擴充toDoList功能 : 新增 category

今日文章目錄: 需求說明 事前準備 需求說明 針對不同用途的toDoList。像是:工作用的toDoList、週末用的toDoList...等等。...

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

DAY15 - [JS] 倒數計時

今日文章目錄 需求說明 事前準備 重點說明 參考資料 需求說明 輸入框:使用者可以輸入時間 顯示:依據輸入時間進行倒數 提示視窗:顯示預計結束時間...

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

DAY16 - [JS] 擴充功能 - 倒數計時,暫停、開始、結束

今日文章目錄 需求說明 事前準備 遇到問題 需求說明 輸入時間改成分鐘 增加功能:暫停、開始、結束,控制倒數時間 事前準備 新增的三個按鈕:暫...

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

DAY17 - [JS] 擴充功能 - 倒數計時,番茄鐘

今日文章目錄 需求說明 事前準備 遇到問題 參考資料 需求說明 下拉選單:選擇番茄鐘時間(分鐘) 下拉選單:選擇休息時間(分鐘) 番茄鐘結束後,直接...

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

DAY18 - [JS] 合體ToDoList + 番茄鐘

今日文章目錄 需求說明 事前準備 顯示效果 需求說明 在每個ToDoList項目中,都可以作番茄鐘時間管理。 事前準備 在每個待辦事項加入時...

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

DAY19 - [JS] 功能擴充 - 紀錄花費時間

今日文章目錄 需求說明 事前準備 過程紀錄 參考紀錄 需求說明 在每個ToDoList項目中,紀錄花費時間。 在番茄鐘視窗上也可以勾選完成,顯示完成...

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

DAY20 - [JS] 小結與番外篇:淺拷貝 與 深拷貝

今日文章目錄 番外篇:淺拷貝 番外篇:深拷貝 小結 ToDoList + 番茄鐘時間管理,整體上練習到一段落了。今天JS練習來個番外篇:紀錄目前學到的...

2021-09-20 ‧ 由 joannachen 分享