代码开发合集
88 个可独立运行的代码页面，按用途分为三类：娱乐代码（视觉互动与小游戏）、功能代码（日常实用工具）、实用代码（面向开发者的可复用功能代码与视觉/感知 demo）。每个都是纯 HTML + 外部 JS，CSP 兼容、零依赖。
共 88 个可运行页面
娱乐代码
视觉互动、创意动效与小游戏：圣诞树、烟花、爱心、表白、贪吃蛇、记忆翻牌……纯前端即开即玩，适合日常表达与轻松体验。
烟花
点击夜空绽放多彩烟花，粒子从爆点四散，循环生成。
E000002生日蛋糕
奶油蛋糕与蜡烛，点击蜡烛点亮或吹灭，可许愿。
E000003爱心祝福
跳动的爱心由粒子组成，随节奏缩放，治愈系。
E000004生日祝福卡片
可翻开的生日贺卡，点按钮撒下祝福彩带。
E000005表白页
逐字敲出的告白信，点击后整屏泛起小心心。
E000006回忆轮回照片墙
轮播照片墙，左右切换，回忆一帧一帧轮回。
E000007滚动回忆录
时间线回忆录，向下滚动时光缓缓浮现。
E000008雪花飘落
雪花随风飘落，深浅节奏可调，适合冬天页面。
E000009星空许愿
闪烁星空，输入愿望后化为流星划过天际。
E000010孔明灯
放飞孔明灯，写上愿望，看它缓缓升入夜空。
E000011打字机情书
一封以打字机节奏逐字出现的情书，可重播。
E000012随机名言
点击随机出现一句名言，平静而有力量。
E000013像素画板
16×16 像素画板，选色涂鸦，一键清空。
E000014贪吃蛇小游戏
经典贪吃蛇，键盘方向控制，吃豆变长。
E000015记忆翻牌
8 对卡片翻牌配对，考验记忆力的小游戏。
E000016圣诞树
三种装饰风格一键切换：彩灯、雪花、礼物与星光。
E000017扫雷
经典扫雷：首次点击避雷、数字展开、右键标记。
E0000182048
滑动合并数字，冲击 2048，本地最高分与触屏支持。
E000019打砖块
挡板反弹小球击碎砖块，多关卡与剩余生命。
E000020滑块拼图
3×3 数字华容道，可解打乱，步数与计时挑战。
E000021井字棋
人机对战（极小极大 AI）或双人同屏，三连取胜。
E000022音乐可视化频谱
Web Audio 合成音 + AnalyserNode 实时频谱与波形可视化。
E000023AI 猜物 20 问
经典 20 问：二分式提问逐步缩小候选，AI 猜中你心里的物品。
E000024弹幕留言墙
输入文字发射彩色弹幕，随机速度 / 颜色 / 位置，可接直播间。
E000025像素电子宠物
Canvas 像素宠物：喂食 / 玩耍 / 睡觉，饱食度快乐值精力衰减。
E000026打地鼠小游戏
3×3 地鼠洞 30 秒限时敲打，统计命中与命中率。
E000027星轨涂鸦
鼠标 / 触屏拖拽留下渐变星轨，粒子拖尾颜色循环流动。
功能代码
面向日常使用的轻量小工具：倒计时、番茄钟、Markdown 编辑器、JSON 格式化、记账、看板、用药档案……开箱即用，本地零依赖。
倒计时
设定目标日期，实时计算剩余天时分秒。
F000002番茄钟
专注 / 休息循环计时，完成提示音与本地统计。
F000003Markdown 编辑器
轻量 Markdown 实时预览、导出 HTML，本地零依赖。
F000004JSON 格式化工具
格式化 / 压缩 / 排序键 / 校验 JSON，一键复制。
F000005调色板
HEX / RGB / HSL 互转与配色生成，复制色值。
F000006正则测试器
正则实时匹配高亮、分组展示、常用表达式速查。
F000007个人记账与预算洞察
想法 B000008 落地：收支流水、分类统计、月度预算预警。
F000008极简团队任务看板
想法 B000015 落地：拖拽列、任务卡片、状态流转。
F000009家庭用药与健康档案
想法 B000004 落地：用药提醒、体征记录、家庭成员档案。
F000010扫码点餐轻量后台
想法 B000006 落地：菜单管理、下单模拟、状态跟踪。
F000011密码生成器
可配置长度 / 字符集 / 排除易混淆字符，一键生成并复制。
F000012单位换算器
长度 / 重量 / 温度 / 数据量多类别实时换算，双向计算。
F000013习惯打卡追踪
周视图打卡、连续天数统计、本地持久化，培养小习惯。
F000014阅读时长估算器
按字数 / 阅读速度估算读完全文所需时间，支持语速档位。
实用代码
面向开发者的可复用功能代码：小程序封装、单片机/硬件、爬虫、安全、系统知识、AI 自动化与工具库，可直接迁移到真实项目。
小程序登录与支付封装
wx.login 登录态、支付签名与安全校验的完整封装示例。
P000002小程序自定义组件库
评分、空状态、防抖按钮等可复用自定义组件实现。
P000003小程序分享海报生成
Canvas 离屏绘制分享海报并保存到相册的工具函数。
P000004虚拟对象 · 人味儿对话陪伴
性别、性格与语言风格完全自定义的虚拟对象：规则引擎 + LLM API 双模式，含记忆、情绪与亲密度系统。
P000005激光追踪打蚊器模拟
视觉追踪思路的前端模拟：瞄准、锁定、激光发射小游戏。
P000006自动化开发工具集
文件整理、定时任务、邮件通知等 Python 自动化脚本。
P000007单片机 LED 与点阵控制
51/STM32/Arduino 呼吸灯、流水灯、点阵屏示例代码。
P000008单片机传感器采集
温湿度、红外、串口采集与上位机通信示例。
P000009网络爬虫与反爬基础
requests + BeautifulSoup 采集、限速、UA 池与反爬应对。
P000010网络攻防与白帽渗透基础
合规渗透测试流程、信息收集、漏洞验证与防御（含声明）。
P000011Web 漏洞原理与防御
XSS / SQL 注入 / CSRF 原理示例与修复方案（含声明）。
P000012AI Agent 实验框架
ReAct 循环、工具调用、记忆模块的实验性 Python 框架。
P000013多模态 AI 实验
图文对齐、CLIP 风格嵌入与推理的轻量实验代码。
P000014边缘 AI 推理实践
TinyML / ONNX Runtime 在低成本设备上的推理示例。
P000015操作系统原理
进程线程、内存管理、调度、文件系统的核心概念与图解。
P000016嵌入式系统
裸机与 RTOS、中断、寄存器、交叉编译入门。
P000017分布式系统
CAP、一致性协议、负载均衡、分布式事务要点。
P000018数据库系统
索引、事务隔离、SQL 优化与存储引擎原理。
P000019网络协议栈
TCP/IP 分层、HTTP/HTTPS、DNS 与常见抓包分析。
P000020自动化任务调度器
想法 C000001 落地：Cron 表达式解析、下次执行时间预览。
P000021PID 闭环控制器仿真
想法 C000004 落地：调参曲线可视化、阶跃响应与抗扰演示。
P000022本地全文搜索引擎
Python 倒排索引 + TF-IDF 排序，纯本地零联网秒级检索。
P000023数据库定时备份工具
mysqldump 备份、加密压缩、保留策略与失败邮件告警。
P000024日志异常实时告警
轮询日志文件、正则规则匹配异常并推送通知的服务脚本。
P000025WebSocket 实时聊天
Python 原生 WebSocket 服务端 + 浏览器客户端双向通信示例。
P000026图像批量压缩与水印
Pillow 批量缩放、质量压缩与文字 / 图片水印，统计节省空间。
P000027雷达扫描
Canvas 雷达扫描线旋转与目标亮点回波，带距离/角度读数，速度与目标数可调。
P000028激光束折射演示
Canvas 动态激光束：入射角与镜面角度可调，光路反射、折返与能量集中点模拟。
P000029人脸识别 demo
face-api.js（jsdelivr CDN）轻量模型，上传图片即本地人脸检测并画框标注关键点。
P000030目标检测 demo
TensorFlow.js + COCO-SSD 本地模型推理，上传图片标注常见物体类别与置信度。
P000031图像滤镜
Canvas 像素级本地算法：灰度/反色/锐化/模糊/边缘检测，强度可调，图片不上传。
P000032图像处理实验
Sobel 边缘检测、素描风、浮雕等算法对照实验台，阈值实时调节。
P000033二维码扫码
jsQR 摄像头 / 传图扫码解码，附可离线演示的示例二维码生成。
P000034OCR 文字识别
Tesseract.js 在浏览器识别图片文字，支持中英文与模型进度提示（本地模型）。
P000035字符画转换
图片转 ASCII 字符画：密度与宽度可调、支持复制，纯本地零依赖。
P000036摄像头运动检测
帧差法实时检测画面运动区域并画框，可调灵敏度，无摄像头可用演示模式。
P000037卡通 / 水彩滤镜
色阶量化 + 边缘描线的卡通化与低饱和水彩变体，纯本地算法。
P000038图片取色 / 调色板
K 均值聚类提取 6 主色，点击画面取任意像素色并复制色值。
P0000393D 星空投影
三视深恒星层 + 星云 + 拖拽旋转的轻量 Canvas 3D 星空，零依赖。
P000040手势识别（MediaPipe）
MediaPipe Hands 21 点手部关键点与抬指计数，模型本地加载（无需联网）。
P000041Sobel 边缘检测
灰度化 + 3x3 卷积检测图像边缘，阈值与方向可调，示例图或本地上传即看结果。
P000042铅笔素描效果
反色 + 模糊 + 颜色减淡混合模拟铅笔素描，线条强度可调，纯本地像素处理。
P000043半调网点
按亮度映射圆点大小的半调网点 / 抖动效果，网格密度可调。
P000044像素马赛克
块大小可调的像素化滤镜，可导出像素画 PNG，示例图与上传图均支持。
P000045万花筒特效
径向对称镜像拼贴的 Canvas 万花筒，对称份数可调，基于图片像素实时重排。
P000046镜头扭曲滤镜
鱼眼 / 膨胀 / 漩涡 / 波纹逐像素重映射，效果下拉切换、强度实时调节。
P000047色盲视觉模拟
红绿色盲 / 蓝黄色盲矩阵变换，原图与模拟结果并排对比，可上传图片。
每个页面均可在浏览器直接打开运行；返回按钮位于页面顶部导航与底部。安全相关页面仅供学习，请仅在合法授权环境中实践。