鐵人檔案
改進 UI 和 UX 設計 在Todo List專案開發的最後階段，我們將專注於改進應用程式的使用者介面 (UI) 和使用者體驗(UX)。UI和UaX是專案中不...
專案重構與最佳化 重構（Refactoring）是開發過程中的重要步驟，目的是讓程式碼結構更加清晰，方便未來的維護與擴展。這不僅僅是簡單的格式調整，還包括模組化...
單元測試 今天的重點是單元測試，這是檢查程式碼穩定性的重要工具。我們會用Jest來測試Todo List專案，確保每個功能都正常運作。 單元測試的作用簡單來說，...
用鍵盤控制音效版 今天的目標是做一個可以用鍵盤觸發音效的小工具！其實還蠻酷的，你按下鍵盤上的某個按鍵，它就會發出對應的聲音，比如鼓聲、鈸聲之類的。 首先呢，我們...
時鐘 用html和css先做出時鐘的畫面，但此時時針、分針、秒針都還不會動HTML <div class="top">...
利用flex的及transition呈現點擊效果 這段程式碼建立了一個具有互動效果的網頁，當你點擊每個面板時，面板會擴展並顯示隱藏的文字 完成圖: HTML將這...
滑鼠陰影效果(Mouse Shadow) 今天我們要實作一個很酷的小效果，讓頁面中的文字隨著滑鼠的移動而產生動態陰影。這種效果在視覺上非常吸引人，而且很容易實作...
Mouse Shandow 讓畫面可以用滑鼠左右橫移 完成圖:HTML定義一個包含25個子元素的div，每個div代表一個數字 <!DOCTYPE htm...
圓形倒數計時器(Circular Countdown Timer) 今天我們要製作一個的圓形倒數計時器，當時間倒數時，圓形會逐漸變小，最終消失。這個效果常用在活...
完賽心得：30天的鐵人賽之旅 經過30天的挑戰，我終於完成了這次的鐵人賽。回頭看看這段旅程，不僅是一場自我挑戰，更是一段成長的過程。每一天的挑戰都讓我學到許多，...
