🐵指尖猴全新升级
第24课:小工具APP
🧰

小工具APP

解决生活小麻烦的瑞士军刀

📖知识引入

💡工具思维:小而准
好的小工具只解决一个具体问题:BMI计算器、单位换算、喝水提醒、随机分组……「小而准」胜过「大而全」。
🧰工具箱模式
把多个小工具装进一个APP:首页是工具九宫格,点进去各干各的。就像瑞士军刀:一个刀柄,多种刀头。
🖩单位换算器
身高厘米↔英尺、公斤↔磅、人民币↔外币……原理就是「乘以换算率」。汇率版还能调接口实时获取——学过的知识串起来了!
⏱️秒表与倒计时
体育课测跑步用秒表(计时开始/停止/记录),烤蛋糕用倒计时(到点提醒)。计时器是编程里「时间」的入门课。
🚀最适合上线的练手项目
小工具功能简单、边界清晰、一两天就能做完,特别适合作为你的第一个「正式上线」作品。做完整,比做庞大更重要!
💡
解决一个小麻烦,胜过空想一个大创意——工具箱哲学!

🔍设计一个学习工具箱

// 单位换算核心:乘以换算率
const 换算率 = {
  "厘米→英尺": 0.0328,
  "公斤→磅": 2.2046,
  "米→码": 1.0936,
};

function convert(value, type) {
  return (value * 换算率[type]).toFixed(2); // 保留两位小数
}

convert(170, "厘米→英尺"); // "5.58"

「学具盒」APP的九宫格设计:

┌────────────────────┐
│ 🔧 学具盒     设置⚙️ │
├────────────────────┤
│ 📐 │ 🧮 │ ⏱️ │
│BMI │单位 │秒表 │
│计算 │换算 │计时 │
├────┼────┼────┤
│ 🎲 │ 📝 │ 💧 │
│随机 │记事 │喝水 │
│分组 │便签 │提醒 │
├────┼────┼────┤
│ 🌡️ │ 📖 │ 🔤 │
│温度 │阅读 │字数 │
│换算 │计时 │统计 │
└────────────────────┘
开发顺序建议:
1️⃣ 先做1个工具(比如BMI)
2️⃣ 做首页九宫格+跳转
3️⃣ 再逐个填充其他工具
(每个都是独立小项目,
 可以拉着AI一天做一个!)

🎯小测验

第1题:「工具箱APP」的结构特点是什么?

第2题:单位换算的基本原理是?

第3题:为什么说小工具适合作为第一个上线作品?

📝本课知识点

  • ✓工具思维:小而准,解决具体问题
  • ✓工具箱=网格入口+独立工具页
  • ✓单位换算=乘以换算率
  • ✓秒表/倒计时是「时间」入门课
  • ✓做完整,比做庞大更重要
第24课完成!继续探索下一课吧 🚀