UD5工具箱
前端性能最佳实践自查表 - 交互式检查清单
覆盖加载、渲染、安全、可访问性等领域的自查清单，勾选后生成得分与建议。
部署检查清单模板 - 上线前必查事项
部署检查清单
上线前必查事项 · 逐项确认，确保万无一失
整体完成进度
0% (0/0)
个人看板(Kanban) - 待办/进行中/完成拖拽
简易三列看板，任务卡片可拖拽并标记颜色，本地保存任务流。
表单验证规则测试 - Constraint API
设置不同验证属性和自定义消息，测试HTML5表单验证触发效果。
OKR目标设定板 - 目标与关键结果对齐
编写O与对应KR，可视化进度条与完成度，团队或个人目标跟踪的轻量替代。
早晚惯例构建器 - 可勾选的流程清单
创建自己的晨间或晚间惯例步骤，并以计时方式一项项勾选完成。
键盘布局检测器 - 识别物理按键映射
通过按下键位记录code和key值，推断当前键盘布局（如QWERTY、AZERTY）。
HTML实体速查表 - 特殊字符编码Ref
常用HTML实体编码（如© ©）的图形化速查表，点击即可复制实体名称或数字代码。
Terraform 计划预览器 - 资源变更可视化
粘贴terraform plan输出，解析并显示资源的增加、更改与销毁列表，辅助审查。
画中画文档演示 - Document Picture-in-Picture API
打开一个始终置顶的小窗口，在其中显示自定义内容（例如笔记/时钟），实验新API。
远程办公签到板 - 健康状态与工作状态更新
团队成员每日更新工作状态和身体状态，便于经理远程了解。
后台定期同步演示 - 离线内容更新
注册Periodic Background Sync，让应用在后台定期获取最新数据并更新缓存。
内置Web组件演示 - 原生自定义元素
展示一些常用内置HTML元素和自定义元素例子，提供代码复制。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
每日例行任务清单 - 起床/睡前勾选打卡
预设早晨与睡前固定流程清单，每日重置勾选，建立良好生活秩序。
剪贴板API调试器 - 在线复制粘贴权限测试
测试navigator.clipboard读写功能，写入文本或读取系统剪贴板，验证安全限制。
Service Worker 生命周期演示器 - 安装/激活/更新
逐步展示SW从注册、安装到激活的完整流程，并模拟更新与跳过等待的场景。
交互式线性回归 - 拖拽数据点修拟合线
在散点图上拖拽数据点，实时更新最小二乘回归线，显示斜率和截距。
触摸事件探查器 - 多点触控详细数据记录
实时显示touchstart/move/end事件的所有属性：坐标、力度、半径与角度，辅助手势开发。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单（登录、联系、搜索）的HTML代码，点击即可复制并稍作修改。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
会议室预约看板 - 拖拽时段占用可视化
设置多个会议室与时间槽，团队拖拽预约释放可视冲突，本地存储协同简易。
当前页面HTTP头查看 - fetch请求获取响应头
发起请求获取当前URL或任意允许CORS的URL的Response Headers，展示详情。
教室/会议室时间排课器 - 资源与冲突检测
输入课程、老师和教室资源，尝试按时间排序并高亮显示资源冲突的时段。
响应式设计测试工具 - 多分辨率视口预览
在线响应式布局测试器，同时预览常见设备分辨率的网页显示效果，帮助检查前端适配。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画（从中间、左侧等），生成链接美化CSS。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
间隔重复闪卡系统 - 简易莱特纳盒子法
创建闪卡并根据掌握程度放入5个盒子，按照不同间隔自动提供今日复习卡组。
离线页面生成器 - 当无网络时展示
创建当用户离线时展示的简单HTML页面，结合Service Worker使用。
DOM事件监控器 - 实时录制显示触发事件
记录页面交互触发的所有DOM事件及其目标、冒泡阶段，以日志和瀑布形式展示。
表单验证演练场 - HTML5 Constraint API 演示
展示各种 HTML5 验证属性（required, pattern, min, max 等）和自定义验证消息的效果。