UD5工具箱
数组操作方法性能对比 - map/filter/reduce/for 循环
在同一数据上运行多种数组遍历方式，测量并比较它们的执行时间，辅助性能优化决策。
GIF播放速度调节器 - 逐帧减慢或加快
上传GIF，通过滑块改变帧间延迟实时预览变速效果，并下载修改后的动图。
素数搜索动画 - 试除法与埃拉托斯特尼筛法动态比较
并行动画展示试除法和埃拉托斯特尼筛法查找素数的过程，对比效率。
动画帧率分析器 - requestAnimationFrame 监控
显示当前页面动画的实时 FPS 图表，检测掉帧和卡顿，辅助性能优化。
响应式设计测试工具 - 多分辨率视口预览
在线响应式布局测试器，同时预览常见设备分辨率的网页显示效果，帮助检查前端适配。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画（从中间、左侧等），生成链接美化CSS。
音乐频谱可视化 - 实时跳动频率柱
本地音频或麦克风输入时，显示随音乐跳动的频谱柱状图，多种配色风格。
content-visibility 性能演示 - 跳过渲染不可见区域
对长列表应用 content-visibility:auto，对比启用前后渲染时间和内存占用。
波形音频播放器组件 - 可拖拽进度高亮
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
SRT 字幕时间调整器 - 整体偏移/伸缩
上传 SRT 字幕文件，整体提前或延迟所有时间戳，或按比例拉伸压缩以匹配视频。
互动渐变探索器 - 抓取渐变色标移动
在色带任意位置点击添加色标并拖拽，感受渐变设计。
代码语法高亮工具 - 在线代码美化展示
粘贴代码自动进行语法高亮显示，支持主流编程语言，生成带行号的HTML代码块，方便嵌入博客。
文字动画GIF生成器 - 闪烁/打字效果
输入文字，选择闪烁、打字、彩虹等动态效果，生成文字动画GIF。
朱利亚集分形探索 - 互动缩放彩色复数
交互式探索Julia集，实时调整复数参数c，支持平滑着色和鼠标缩放，感受分形之美。
GIF逐帧查看器 - 慢速播放控制
加载GIF，逐帧查看，可调节播放速度、前进后退。
全景声方位模拟 - 拖拽声源全向移动
使用Web Audio PannerNode，在头顶环绕拖拽一个声源，体验声音在空间的移动。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
交互式线性回归 - 拖拽数据点修拟合线
在散点图上拖拽数据点，实时更新最小二乘回归线，显示斜率和截距。
精灵表查看器 - 分解并预览各帧动画
上传精灵表图片，设定行数和列数，实时播放动画并提取单帧。
二叉树遍历动画 - 前/中/后/层序可视化
构建或随机生成二叉树，逐步动画展示前序、中序、后序和层序遍历的路径。
Import Map 演示 - 浏览器端模块映射实验
编写 HTML 和 import map，在浏览器中直接导入裸标识符模块并执行。
ES Module 与普通脚本对比演示 - 作用域与加载
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
物理运动图像互动演示 - 位置/速度/加速度
拖动一个汽车，实时绘制它运动的x-t、v-t和a-t波形图，学习运动学。
GIF 动画转精灵表生成器 - 按行/列提取帧
上传 GIF 动画，提取每一帧并拼接为单张精灵表图片，可设置排列方式，用于游戏开发。
曲线调整工具 - 类似PS的色阶曲线
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射，实现高级调色效果。
代码竞速计分板 - 字符数统计
输入代码并自动去除无意义空格，统计有效字符数，用于Code Golf比赛。
莫比乌斯环可视化 - 3D网页旋转展示
用WebGL或Three.js（轻量版）展示一条旋转的莫比乌斯带，可用鼠标拖拽视角。