小工具 · 跟做练习
高中 · 16–18 岁可以独立完成课堂场景
做一个密码生成器
用复选框组合规则，生成长度和字符类型都可控制的随机密码。
- 看到第一个变化
- 15 分钟内
- 做出完整版本
- 120 分钟内
- 运行方式
- 下载 password-generator 目录后直接打开 index.html
- 使用的积木
- HTML / CSS / JavaScript
FIRST VISIBLE CHANGE
先做这一件事
修改默认长度与页面说明，生成第一条符合你规则的密码。
CREATOR LOOP / 创造者六环
前五环长能力，最后一环长身份。
- 数学
- 信息科技
- 社会与人文
- 01问题
分析弱密码为什么出现，并定义生成工具应该避免哪些风险。
- 02知识
学习随机性、字符空间、长度与可用性的权衡，以及前端随机的限制。
- 03工具
修改生成、校验与复制反馈逻辑，实现自己定义的安全默认值。
- 04作品
完成一个不会生成空结果、提供安全说明并支持键盘操作的密码生成器。
- 05反馈
请同伴尝试边界输入并检查错误提示是否准确、不夸大安全性。
- 06身份
能够公开说明安全默认值、技术限制和自己愿意承担的产品责任。
你必须亲自做
- 定义最低安全规则与工具不能承诺的边界
- 判断可用性与安全性发生冲突时如何取舍
AI 可以帮助
- 解释字符函数、随机选择和空结果条件
- 协助增加规则校验、复制反馈与测试用例
完成前要验证
- 使用虚构数据完成边界测试，并亲自核对安全说明没有夸大
三段路径 · 自动保存在本机
从第一个变化，到你的版本
0/ 3 步
0115 分钟
- 切换字符选项
- 调整密码长度
- 连续生成并比较
做完的标志：你能解释每个选项如何影响输出。
0245 分钟
- 设定最小长度
- 至少保留两类字符
- 无选项时给提示
做完的标志：页面不会生成明显不安全或空的密码。
032 小时
- 加入复制反馈
- 补充安全说明
- 用键盘完成一次操作
做完的标志：生成、复制和反馈形成完整流程。
AI 协作提示词
让 AI 带路，不让它抢走决定
我正在学习密码生成器中的随机字符逻辑。请先解释每个字符函数和 generatePassword 的职责，指出可能产生空结果的条件。然后陪我逐步加入最小长度、必选规则和复制成功反馈，不要一次贴出完整重写版本。