Code Lab

程式碼與專案筆記

展示 Python、HTML、CSS、JavaScript 與其他專案片段。每個範例都可以直接複製。

Python：簡易天氣資料查詢

展示如何使用 requests 呼叫 API。

import requests

def fetch_weather(url: str) -> dict:
    response = requests.get(url, timeout=10)
    response.raise_for_status()
    return response.json()

print("Weather data loaded.")

JavaScript：主題切換

使用 localStorage 保存使用者的模式選擇。

const button = document.querySelector("#theme");

button.addEventListener("click", () => {
  document.body.classList.toggle("light");
  localStorage.setItem(
    "theme",
    document.body.classList.contains("light")
      ? "light"
      : "dark"
  );
});

Skills

技術能力

前端

HTML5、CSS3、JavaScript、響應式網頁設計。

資料與自動化

Python、Requests、Pandas、API 整合、資料清理。

開發工具

GitHub、Cloudflare Pages、VS Code、專案文件整理。