鐵人檔案
健康和醫療是人們生活中很重要的一環，本次挑戰我希望能以「家庭照護的全場景需求」為核心，運用前端技術（HTML/CSS/JS），打造零負擔、具備本地記憶功能的網頁工具箱。從兒童緊急用藥驗算、慢性病與多重用藥的時間表整理、眼藥水與特殊藥品開瓶效期追蹤，到日常生理指標計算，一站式解決全家人的健康管理痛點，讓藥物安全與健康維護變得簡單、直覺且安心。
本篇文章目錄 前言：為什麼想做「醫藥健康小工具箱」？ 專案核心特色與 4 大工具介紹 畫面設計藍圖與 UI/UX 思考 技術選型與資料夾架構 未來 30...
本篇文章目錄 前言：工欲善其事，必先利其器 VSCode必備神器：Live Server 即時預覽 前端開發加速器：Emmet 快捷鍵全攻略 實戰演練：用 E...
本篇文章目錄 前言：別再滿滿的 <div> 了！認識 HTML5 語意化標籤 單頁應用 (SPA) 核心架構與 DOM 規劃 關鍵區塊程式碼拆解：...
本篇文章目錄 前言：為什麼醫藥工具箱對表單元件的要求特別高？ <input type="number"> 的核心屬性與邊界防...
本篇文章目錄 前言：為什麼選用「馬卡龍配色」作為醫療工具箱的 UI 主軸？ 主題色票盤點：調製你的馬卡龍 CSS 全域變數 (:root) 基礎重置 (Res...
本篇文章目錄 前言：網頁佈局的兩大神器 —— Flexbox 與 Grid 怎麼選？ 工具卡片模組化 (.tool-card) 與 SPA 顯隱切換機制 用...
本篇文章目錄 前言：什麼是 RWD？為什麼醫藥健康工具極度依賴手機端體驗？ 行動優先 (Mobile-First) vs. 桌面優先 (Desktop-Fir...
本篇文章目錄 前言：首發工具登場 —— Tool 1 生理指標計算器（BMI/BMR/TDEE） 觀念釐清：DOM 畫面會顯示給使用者嗎？ 實戰程式碼解析：D...
本篇文章目錄 前言：從數據驗證到核心演算 核心公式與 JS 算術運算子 實戰程式碼：Mifflin-St Jeor 公式與 TDEE 邏輯撰寫 數值格式化：為...
本篇文章目錄 前言：TDEE 活動量係數是什麼？ 觀念拆解：如何用 switch...case 進行條件對應？ 代碼優化：為什麼直接把數值寫在 HTML &l...
