UD5工具箱
每日例行任务清单 - 起床/睡前勾选打卡
预设早晨与睡前固定流程清单，每日重置勾选，建立良好生活秩序。
📋 早晚惯例构建器
0%
尚未开始
0 / 0 项
清单为空
添加一些自定义项目来开始构建你的惯例吧
自定义项目仅属于当前模式（早晨或晚间），支持最多添加20项
🔥 连续打卡
0
天
📊 本周完成率
0%
近7天
🏆 总完成项
0
近30天累计
常见问题与知识点
早晚惯例是一套固定的日常流程，帮助你在每天的开始和结束时有条不紊地完成重要事项。早晨惯例通常在起床后执行，旨在唤醒身体、设定积极基调；晚间惯例在睡前执行，帮助放松身心、为次日做准备。研究表明，坚持早晚惯例可以提升生产力、改善睡眠质量、减少决策疲劳，并增强生活的掌控感。
建立惯例的好处包括：
① 减少决策疲劳——固定流程让你不需要每天早上思考"该做什么"；
② 提升自律——重复的行为会形成习惯，降低坚持的难度；
③ 改善心理健康——冥想、感恩练习等有助于缓解焦虑；
④ 提高睡眠质量——晚间惯例向身体发出"准备入睡"的信号；
⑤ 增加成就感——完成清单带来正向反馈，开启良性循环。
① 减少决策疲劳——固定流程让你不需要每天早上思考"该做什么"；
② 提升自律——重复的行为会形成习惯，降低坚持的难度；
③ 改善心理健康——冥想、感恩练习等有助于缓解焦虑；
④ 提高睡眠质量——晚间惯例向身体发出"准备入睡"的信号；
⑤ 增加成就感——完成清单带来正向反馈，开启良性循环。
从小开始——不要一次性添加太多项目，3-5项即可起步；
设定触发条件——将惯例与已有习惯绑定（如"刷牙后立即冥想"）；
使用本工具追踪——可视化的进度条和打卡记录能增强动力；
允许弹性——偶尔中断不要自责，第二天继续即可；
定期回顾——每周检查哪些项目真正有帮助，及时调整。研究表明，习惯形成平均需要66天，耐心坚持是关键。
设定触发条件——将惯例与已有习惯绑定（如"刷牙后立即冥想"）；
使用本工具追踪——可视化的进度条和打卡记录能增强动力；
允许弹性——偶尔中断不要自责，第二天继续即可；
定期回顾——每周检查哪些项目真正有帮助，及时调整。研究表明，习惯形成平均需要66天，耐心坚持是关键。
理想的早晨惯例时长因人而异，通常建议30-90分钟。关键在于质量而非数量。如果你时间紧张，15分钟的"精简版"早晨惯例也远好于没有。核心原则：包含身体激活（喝水/伸展）、心智准备（冥想/阅读/计划）和营养补充（健康早餐）三个维度即可。
晚间惯例通过以下机制改善睡眠：
① 降低蓝光暴露——睡前1小时避免屏幕，促进褪黑素分泌；
② 激活副交感神经——冥想、轻度伸展、深呼吸让身体进入放松模式；
③ 减少思维反刍——写下待办事项和感恩日记，清空大脑负担；
④ 建立条件反射——固定的睡前流程让大脑自动关联"该睡觉了"。坚持2-4周即可感受到明显改善。
① 降低蓝光暴露——睡前1小时避免屏幕，促进褪黑素分泌；
② 激活副交感神经——冥想、轻度伸展、深呼吸让身体进入放松模式；
③ 减少思维反刍——写下待办事项和感恩日记，清空大脑负担；
④ 建立条件反射——固定的睡前流程让大脑自动关联"该睡觉了"。坚持2-4周即可感受到明显改善。
使用本工具，你可以：
① 从预设项目中选择适合自己的项目；
② 通过"添加自定义项目"补充个性化需求；
③ 每天勾选完成的项目，观察哪些项目容易被忽略；
④ 定期清理不再需要的项目（使用"清理自定义项"按钮）；
⑤ 根据完成率数据调整清单长度——持续80%以上完成率说明清单难度适中。记住，最好的惯例是你能长期坚持的惯例。
① 从预设项目中选择适合自己的项目；
② 通过"添加自定义项目"补充个性化需求；
③ 每天勾选完成的项目，观察哪些项目容易被忽略；
④ 定期清理不再需要的项目（使用"清理自定义项"按钮）；
⑤ 根据完成率数据调整清单长度——持续80%以上完成率说明清单难度适中。记住，最好的惯例是你能长期坚持的惯例。
所有数据（自定义项目、完成记录、打卡统计）均存储在您浏览器的localStorage中。数据不会上传到任何服务器。请注意：① 清除浏览器缓存/数据会导致记录丢失；② 使用隐私模式时数据仅当次有效；③ 不同浏览器/设备之间的数据不互通。建议定期备份重要数据，或使用浏览器的同步功能。
部署检查清单模板 - 上线前必查事项
提供一份涵盖性能、安全、备份、监控等上线前检查清单，可自定义勾选。
间隔重复日程生成器 - 输入学习内容自动排期
添加知识点，按艾宾浩斯曲线自动生成未来几周的复习日期提醒。
睡眠周期计划器 - 最佳入睡/起床时间
基于90分钟睡眠周期逆向推荐最佳入睡或起床时间，帮助醒来更清醒。
CSS 关键帧时间轴编辑器 - 拖拽属性关键点
在时间轴上拖拽添加属性关键帧，实时预览动画并生成 @keyframes 代码。
素数搜索动画 - 试除法与埃拉托斯特尼筛法动态比较
并行动画展示试除法和埃拉托斯特尼筛法查找素数的过程，对比效率。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
PWA启动画面生成 - 图标与背景色配置
配置启动画面背景色与图标，生成对应manifest和meta标签代码。
网页闹钟 - 浏览器Notification到点提醒
设定具体时间或倒计时，通过浏览器通知和服务桌面响铃提醒，无需安装软件。
GIF 动画转精灵表生成器 - 按行/列提取帧
上传 GIF 动画，提取每一帧并拼接为单张精灵表图片，可设置排列方式，用于游戏开发。
DOM事件监控器 - 实时录制显示触发事件
记录页面交互触发的所有DOM事件及其目标、冒泡阶段，以日志和瀑布形式展示。
周时间块规划器 - 拖拽安排一周日程
以周视图网格呈现，拖拽创建彩色时间块安排活动，打印或导出图片作为桌面壁纸。
单次定时器 - 设定几分几秒后提醒
快速设一个未来时间点（如泡面），届时弹窗响铃。
首屏大图构建器 - 标题/按钮/背景
设计带有大标题、描述、CTA 按钮和背景图的首屏区域，生成完整代码。
滑动下划线动画生成器 - 菜单悬停特效CSS
配置下划线从中间或一侧滑出的动画，生成无限菜单效果代码。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
前端性能最佳实践自查表 - 交互式检查清单
覆盖加载、渲染、安全、可访问性等领域的自查清单，勾选后生成得分与建议。
物品更换周期提醒器 - 牙刷/滤芯/电池等
记录生活物品的购买日期和推荐更换周期，到期提醒更换，支持自定义类别。
宠物名字推荐器 - 根据颜色/品种/性格
描述宠物的特征，工具从内置库中推荐匹配的名字列表。
分页组件生成器 - 自定义样式与按钮
设置总页数与当前页，生成数字式或省略式分页导航条。
IDB-Keyval 管理器 UI - 简单键值对数据库操作界面
提供一个用户界面来 get/set/del 基于 idb-keyval 库存储的数据，方便调试。
DOM 变更性能分析器 - 记录并统计重排重绘
开启监听后操作页面，统计 DOM 变化次数和频率，帮助定位布局抖动。
可变字体调节器 - 拖拽轴权预览
加载可变字体，通过滑块调整字重、字宽、倾斜等注册轴，并导出设置代码。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画（从中间、左侧等），生成链接美化CSS。
Cron表达式解析器 - 查看下次执行时间
解析标准Cron表达式，显示未来多次执行的具体日期时间，辅助验证定时任务配置。
隐私政策/条款生成器 - 通用法律页面模板
选择网站类型和功能，自动生成基础的隐私政策、服务条款HTML草案。
屏幕唤醒锁高级演示 - 锁定、释放与事件监听
应用屏幕唤醒锁并监听其释放事件，展示前后台切换时的状态变化。
content-visibility: auto 性能演示 - 跳过渲染优化
对比启用和不启用 content-visibility: auto 时页面大量列表的渲染性能差异。
交互式线性回归 - 拖拽数据点修拟合线
在散点图上拖拽数据点，实时更新最小二乘回归线，显示斜率和截距。