UD5工具箱
前端性能最佳实践自查表 - 交互式检查清单
覆盖加载、渲染、安全、可访问性等领域的自查清单，勾选后生成得分与建议。
部署检查清单
上线前必查事项 · 逐项确认，确保万无一失
整体完成进度
0% (0/0)
content-visibility 性能演示 - 跳过渲染不可见区域
对长列表应用 content-visibility:auto，对比启用前后渲染时间和内存占用。
个人看板(Kanban) - 待办/进行中/完成拖拽
简易三列看板，任务卡片可拖拽并标记颜色，本地保存任务流。
表单验证规则测试 - Constraint API
设置不同验证属性和自定义消息，测试HTML5表单验证触发效果。
粘贴事件处理演示 - 监听并解析剪贴板内容
捕捉页面粘贴事件，展示文本、HTML 或图片数据，演示如何定制粘贴行为。
OKR目标设定板 - 目标与关键结果对齐
编写O与对应KR，可视化进度条与完成度，团队或个人目标跟踪的轻量替代。
HTTP 方法测试器 - GET/POST/PUT/DELETE 等演示
向指定 URL 发送不同 HTTP 方法的请求，显示响应状态码、头部和主体，学习 RESTful API。
早晚惯例构建器 - 可勾选的流程清单
创建自己的晨间或晚间惯例步骤，并以计时方式一项项勾选完成。
键盘布局检测器 - 识别物理按键映射
通过按下键位记录code和key值，推断当前键盘布局（如QWERTY、AZERTY）。
beforeunload 事件演示 - 页面离开确认对话框
激活 beforeunload 事件，尝试刷新或关闭标签页时会弹出浏览器确认提示，展示实现方式。
HTML实体速查表 - 特殊字符编码Ref
常用HTML实体编码（如© ©）的图形化速查表，点击即可复制实体名称或数字代码。
Terraform 计划预览器 - 资源变更可视化
粘贴terraform plan输出，解析并显示资源的增加、更改与销毁列表，辅助审查。
画中画文档演示 - Document Picture-in-Picture API
打开一个始终置顶的小窗口，在其中显示自定义内容（例如笔记/时钟），实验新API。
快捷键冲突检测与解决方案 - 输入组合查看占用
输入一组快捷键，检测在主流操作系统和浏览器中是否已被系统或软件占用。
Service Worker 更新流程模拟器 - 等待/激活/刷新
模拟 Service Worker 从安装到激活的完整生命周期，理解更新机制。
屏幕唤醒锁高级演示 - 锁定、释放与事件监听
应用屏幕唤醒锁并监听其释放事件，展示前后台切换时的状态变化。
远程办公签到板 - 健康状态与工作状态更新
团队成员每日更新工作状态和身体状态，便于经理远程了解。
后台定期同步演示 - 离线内容更新
注册Periodic Background Sync，让应用在后台定期获取最新数据并更新缓存。
后台同步 API 演示 - 离线操作队列演示
注册一个后台同步任务，展示如何在网络恢复后自动同步表单提交等操作。
内置Web组件演示 - 原生自定义元素
展示一些常用内置HTML元素和自定义元素例子，提供代码复制。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
每日例行任务清单 - 起床/睡前勾选打卡
预设早晨与睡前固定流程清单，每日重置勾选，建立良好生活秩序。
剪贴板API调试器 - 在线复制粘贴权限测试
测试navigator.clipboard读写功能，写入文本或读取系统剪贴板，验证安全限制。
Service Worker 生命周期演示器 - 安装/激活/更新
逐步展示SW从注册、安装到激活的完整流程，并模拟更新与跳过等待的场景。
交互式线性回归 - 拖拽数据点修拟合线
在散点图上拖拽数据点，实时更新最小二乘回归线，显示斜率和截距。
触摸事件探查器 - 多点触控详细数据记录
实时显示touchstart/move/end事件的所有属性：坐标、力度、半径与角度，辅助手势开发。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单（登录、联系、搜索）的HTML代码，点击即可复制并稍作修改。
content-visibility: auto 性能演示 - 跳过渲染优化
对比启用和不启用 content-visibility: auto 时页面大量列表的渲染性能差异。
IDB-Keyval 管理器 UI - 简单键值对数据库操作界面
提供一个用户界面来 get/set/del 基于 idb-keyval 库存储的数据，方便调试。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。