Promise/异步可视化 - 状态图和时间线
创建Promise并延迟解析,可视化显示挂起、兑现、拒绝的状态转换及时间线。
requestIdleCallback 任务调度演示 - 空闲时间利用
模拟在主线程繁忙时插入低优先级任务,观察 requestIdleCallback 如何将任务推迟到空闲周期执行。
IndexedDB存储查看器 - 数据库浏览
连接当前域下的IndexedDB数据库,浏览表和数据,支持简单的增删改查。
屏幕时间自省器 - 手动记录各平台耗时
手动或借助浏览器扩展统计在各网站的耗时,设定红线上瘾提醒。
暗黑模式切换器 - CSS变量自动生成
设置亮色和暗色主题色,一键生成利用CSS变量和localStorage实现的暗黑切换代码。
浏览器Cookie编辑器 - 增删改查
以表格形式查看当前页所有Cookie,可修改值、有效期、属性或删除。
轮询机制模拟器 - setInterval 数据请求演示
模拟客户端定时请求服务器数据,展示网络延迟和响应,对比短轮询效率。
桑基图生成器 - 流量/能量分流图
通过CSV或手动输入源、目标、数值,生成展示流向和占比的桑基图。
IndexedDB 数据查询浏览器 - 对象仓库可视化
连接当前页面的IndexedDB数据库,浏览对象仓库与索引,运行简单的过滤与查询。
CI/CD 流水线配置验证器 - 检查 GitHub Actions 语法
粘贴 YAML 配置文件,验证 GitHub Actions、GitLab CI 或 Jenkinsfile 的基本语法。
器乐练习日记 - 记录练习时长与曲目
记录每日练习乐器时间、曲目及难点,统计累计时长与进度。
手动BPM计数器 - 点击测速音乐节奏
随着音乐节奏反复点击按钮,自动计算每分钟节拍数(BPM),为DJ和跑者便利。
热量缺口计算器 - 基础代谢与活动消耗
根据年龄、体重、身高和活动水平计算 TDEE,设定目标后计算每日应摄入的热量。
文本字段提取转 CSV - 使用正则表达式捕获
定义正则表达式,从非结构化文本中提取字段并自动生成 CSV 表格。
结对编程轮换计时器 - 自动提醒切换驾驶员
设定轮换间隔,到点发声提醒切换角色,确保结对编程公平有效。
视口单位计算器 - vw/vh/vmin/vmax实时转换
输入设计稿尺寸与视口宽度,计算出对应的vw、vh值,加速移动端适配开发。
空调耗电与电费计算器 - 匹数/能效/时长
输入空调匹数、能效级、设定温度与使用小时,估算每日/每月耗电量与成本。
MIDI转CSV转换器 - 提取音符数据
上传.mid文件,将里面的音符事件(时间、音高、力度)提取为CSV表格。
计圈分析秒表 - 显示每圈对比
高级秒表,记录多圈时间后自动生成圈速对比表格和最慢/最快圈。
连续语音识别器 - Web Speech API 实时转写
使用 Web Speech Recognition API 持续捕捉语音,实时显示识别文字,支持多语言。
开发者Cookie编辑器 - 修改值和属性
方便地查看、编辑、删除和添加当前页面的Cookie,带导入导出。
自由职业时薪计算器 - 根据目标收入
设定期望年收入、假期和工时,计算出需要的最低时薪或日薪。
Git 命令交互式速查 - 按工作流筛选命令
按创建、分支、合并等场景筛选 Git 命令,点击查看说明和示例。
纯CSS标签页生成器 - Radio按钮控制面板
生成使用隐藏radio按钮和CSS控制切换的内容标签页代码,无需JavaScript。
代码片段库管理 - 本地保存常用代码
保存并分类管理自己常用的代码片段,支持搜索和复制,localStorage存储。
术语表生成器 - 圈出专有名词并生成清单
粘贴技术文档,提取所有首字母大写的短语并生成带定义的简易术语表。
CHANGELOG 生成器 - 基于约定式提交自动编写变更日志
粘贴 Git 提交记录,按类型分类生成结构化的 CHANGELOG.md 内容。
间歇训练计时器 - HIIT/Tabata
自定义高强度、休息和循环次数,语音播报每个阶段开始结束。
数据分类演示器 - 手写数字k-NN模拟
在Canvas上手写数字,通过预训练的简单模型或k-NN演示实时预测数字标签。
Autocomplete 属性构建器 - 表单自动填充配置
为输入字段选择正确的 autocomplete 值,生成符合规范的 HTML 代码以优化浏览器自动填充。
UD5工具箱