JavaScript 功能展示

探索現代 Web 技術與 JavaScript 功能示範

🎯 拖拽排序

拖動卡片重新排序（演示）

📊 Dashboard
📁 專案管理
📈 數據分析

💡 提示：拖動卡片即可重新排序

🔍 搜尋增強

實時模糊搜尋 + 自動完成

搜尋歷史

📊 表格互動

點擊列頭排序、行選擇、篩選

名稱 金額 狀態 日期
Alice Chen NT$5,000 已完成 2025-12-03
Bob Smith NT$3,200 待處理 2025-12-02
Carol Wang NT$7,800 已完成 2025-12-01

💡 提示：點擊列標題可排序

✓ 表單即時驗證

實時驗證 + 視覺反饋

❌ 請輸入有效的電子郵件
❌ 用戶名必須為 3-20 字符
❌ 密碼必須至少 8 字符，含大小寫和數字

⌨️ 鍵盤快捷鍵

全局快捷鍵支持

👆 觸摸手勢（移動設備）

支持滑動、長按、捏合等手勢

  • 📱 左右滑動：切換卡片
  • 👉 長按：顯示上下文菜單
  • 🤏 雙指捏合：放大/縮小