工作任务分解结构(WBS)图 - 在线绘制并导出
拖拽创建树形工作分解结构,清晰展示项目交付物与任务包,支持导出PNG/SVG,项目规划利器。
Web Worker 线程池演示 - 多任务并行处理
创建多个 Worker 同时执行计算任务,对比串行与并行的效率。
空状态插画生成器 - 无数据占位符
为应用的空白页(如无订单、无消息)生成带插画和文案的HTML/CSS占位组件。
视图过渡动画演示 - View Transitions API
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
HTTP 状态码互动参考表 - 含场景与原因短语
按类型筛选状态码,点击查看详细描述与常见使用场景,开发调试速查手册。
Temporal API 演练场 - 现代日期时间处理实验
使用 Temporal 提案中的对象(PlainDate, ZonedDateTime 等)进行日期运算和格式化。
占位图构建器 - 指定宽高文字自动生成
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
HAR 文件分析器 - 网络请求日志可视化
上传HTTP Archive格式文件,生成请求瀑布图与状态统计,深入了解网页加载细节。
JavaScript事件循环可视化 - 任务队列动画
动画展示调用栈、宏任务和微任务的执行顺序,帮助理解JS异步机制。
随机借口生成器 - 幽默迟到/未完成作业理由
一键生成创意借口,应对小尴尬,娱乐为主,勿用于正式。
结构化数据 (JSON-LD) 验证器 - Schema.org 类型检测
粘贴JSON-LD,校验其是否符合Schema.org语法并预览可能触发的丰富结果类型。
视频缩略图提取器 - 任意时间点截图
加载本地视频,拖动时间轴选取帧,捕获该帧为PNG图片下载。
Alexa Skill 意图模型验证器 - 检查 JSON 语法
粘贴 Alexa 技能交互模型 JSON,验证格式并检查常见错误。
JSON Schema 示例生成器 - 根据定义产出示例数据
提供JSON Schema定义,自动生成符合约束的示例JSON数据,用于接口文档说明。
Compression Streams API 演示 - 前端实时压缩解压
使用 CompressionStream 和 DecompressionStream 对文本进行 gzip/deflate 处理。
网页元数据查看器 - Open Graph/Twitter Card
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
GraphQL 查询成本计算器 - 估算字段解析复杂度
粘贴 GraphQL 查询和 Schema(或模拟类型权重),计算请求的代价分,辅助限流策略。
番茄钟与任务笔记 - 每个番茄对应工作记录
在每个番茄钟结束后弹出笔记框,记录该时段完成的内容,生成工作日志。
1-3-5 任务规划器 - 每天一大三中五小
基于1件大任务、3件中任务、5件小任务原则设计每日计划板。
批处理任务生成器 - 按情境分组效率执行
将同类待办归入电话、外出、电脑等情境,一目了然优化执行顺序。
每日例行任务清单 - 起床/睡前勾选打卡
预设早晨与睡前固定流程清单,每日重置勾选,建立良好生活秩序。
任务批处理计划表 - 按情境分组
将相似任务拖动到同一批次,安排连续的专注时段批量处理,减少切换成本。
艾森豪威尔看板 - 拖拽任务四象限
将任务拖入紧急/重要的四象限中,可视化管理和优先处理待办事项。
UD5工具箱