iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

完成_個人健康習慣追蹤相關功能網站 系列

我想做的主題網站有點像是「任務追蹤網站」那樣,主題選擇做跟醫療,與個人健康習慣追蹤相關的功能網站。
這次是我第一次參賽,因為期許自己可以做出成果來,所以採用洋蔥式安排,希望這樣的規劃可以使成功率上升!
且走且看且調整,看我最終可以做出甚麼來吧!

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

工具函式化:map / filter / reduce

今天的主題,是讓程式從「零散的算式」,進化成「有邏輯的公式系統」,每次我需要顯示「完成率」或「未完成數」時,都要重新在元件裡算一次,這些邏輯分散在不同地方,看起...

2025-10-05 ‧ 由 rachelcltang 分享
DAY 22

清單篩選 Tabs

有時候面對一堆待辦清單,會覺得眼前一片混亂,那些完成的、未完成的,全部擠在一起,好像在提醒自己「你還沒做完這些」,所以今天我想給清單加上三個分類的濾鏡,就像換濾...

2025-10-06 ‧ 由 rachelcltang 分享
DAY 23

防呆與表單體驗升級

在專案的初期,任務清單只要「能新增」就算成功,但當功能一個個堆疊上去,漸漸地開始發現另一個問題——使用者會輸入空白、亂貼字、重複建立任務,甚至在輸入法還沒選完字...

2025-10-07 ‧ 由 rachelcltang 分享
DAY 24

程式碼凍結 & 專案整潔(Repo Hygiene)

到現在,今天已經是第 24 天了!我覺得這不再是一個「加新功能」的階段,而是一場「回頭打掃」的儀式。過去這二十幾天,忙著讓網站能動、能顯示、能切換、能寄信,但隨...

2025-10-08 ‧ 由 rachelcltang 分享
DAY 25

任務邏輯全面抽離:從程式到架構的蛻變

今天的目標,就是為「重構」與「抽離邏輯」,希望讓畫面元件專心處理 UI,讓邏輯集中在 composable,首先我建立了 useTasks.js,這個檔案就像任...

2025-10-09 ‧ 由 rachelcltang 分享
DAY 26

少即是多——用 computed 打造高效的 Vue 程式

當任務越多、畫面越複雜,效能問題就會悄悄浮現,一開始我以為「快」的關鍵是寫更短的程式、或是加快事件處理,但今天才真正理解,程式變快的關鍵,其實是「少做一點」,在...

2025-10-10 ‧ 由 rachelcltang 分享
DAY 27

讓網站會說話:鍵盤操作與人性化互動

今天的主題是「讓網站會說話」,目標不是為網站加上更多動畫或效果,而是讓它在無聲的環境裡,也能被理解、被操作,這是一次關於「人性化互動」的練習,讓網站重新學會與人...

2025-10-11 ‧ 由 rachelcltang 分享
DAY 28

讓文字有溫度:網站的語氣設計與品牌聲音

在調整多語系(i18n)時,突然有一個念頭,網站在切換中英文都沒問題,但它在「說話」時,好像有點太冷靜,每個按鈕都很乖,提示也正確,但我總覺得它少了點「人味」,...

2025-10-12 ‧ 由 rachelcltang 分享
DAY 29

讓程式會說話:為未來的自己寫註解

寫程式到後期,有一種奇妙的感覺,我開始回顧這個三十天的專案,突然覺得最值得留下的,不是那些功能或動畫,而是理解,理解為什麼這樣設計、為什麼放這裡、為什麼那段 c...

2025-10-13 ‧ 由 rachelcltang 分享
DAY 30

三十天後,我學會的不只是 Vue

三十天前,我打開 Visual Studio Code,空白的畫面讓我有點害怕,我只知道 Vue 是一個框架,卻不知道要怎麼讓它動起來,那時候我對「元件」和「資...

2025-10-14 ‧ 由 rachelcltang 分享