UD5工具箱
二叉树遍历动画 - 前/中/后/层序可视化
构建或随机生成二叉树，逐步动画展示前序、中序、后序和层序遍历的路径。
arr
预设:
idx
val
L
R
完全覆盖
部分覆盖
更新路径
更新目标
查询结果: —
点击 "构建" 来生成线段树
操作日志
- 等待操作…
二叉树遍历可视化 - 前序/中序/后序动画
构建二叉树节点，动态演示三种深度优先遍历顺序及逐层遍历。
交互式线性回归 - 拖拽数据点修拟合线
在散点图上拖拽数据点，实时更新最小二乘回归线，显示斜率和截距。
Cron表达式解析器 - 查看下次执行时间
解析标准Cron表达式，显示未来多次执行的具体日期时间，辅助验证定时任务配置。
在线科学计算器 - 多功能高级计算工具
功能强大的网页科学计算器，支持基础运算、三角函数、对数、幂运算、括号优先级等。
二次方程求解器 - 展示配方法步骤
输入ax^2+bx+c=0的系数，显示求解过程、判别式和根的性质。
龙曲线分形生成器 - 迭代折线绘制
控制迭代次数，生成越来越复杂的折线龙曲线分形图案。
Web Components 生命周期浏览器 - 查看回调执行
创建一个测试自定义元素，记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
基于模式的模拟数据生成器 - 自定义字段与规则
定义字段名称和类型（姓名、邮箱、数字范围等），批量生成符合规则的 JSON 模拟数据。
X-Forwarded-For 模拟器 - 代理链 IP 追加演示
模拟多层代理逐步添加 X-Forwarded-For 头的过程，理解如何获取真实客户端 IP。
CSV 数据概要分析器 - 列统计与分布可视化
上传CSV文件，自动计算每列的计数、唯一值、缺失率及数值型分布直方图，快速了解数据。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线，导出为SVG或CSS代码。
L-system编辑器 - 自定义规则绘制分形
编写海龟绘图规则和初始公理，迭代生成龙曲线、植物等分形图形。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
OKR目标设定板 - 目标与关键结果对齐
编写O与对应KR，可视化进度条与完成度，团队或个人目标跟踪的轻量替代。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单（登录、联系、搜索）的HTML代码，点击即可复制并稍作修改。
代码竞速计分板 - 字符数统计
输入代码并自动去除无意义空格，统计有效字符数，用于Code Golf比赛。
圆周率小数位查询 - 定位任意位置数字
输入一个数字串，在已计算的圆周率小数位中查找首次出现位置。
素数搜索动画 - 试除法与埃拉托斯特尼筛法动态比较
并行动画展示试除法和埃拉托斯特尼筛法查找素数的过程，对比效率。
ES Module 与普通脚本对比演示 - 作用域与加载
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
基线网格覆盖层生成器 - 垂直韵律对齐
在页面上叠加可调节的基线网格，可视化检查文字是否对齐基线，实现精确排版。
排版比例预览器 - 模块化比例尺生成
选择基数大小与比例（如黄金比例），预览标题到正文字号层叠样式序列。
交互式图像分割演示 - 点击分离对象
在图像上点击，利用前端模型将点击范围内的主要物体自动从背景分离。
内置Web组件演示 - 原生自定义元素
展示一些常用内置HTML元素和自定义元素例子，提供代码复制。
欧拉法解微分方程 - 数值解可视化
输入dy/dx表达式和初始条件，用欧拉法逐步求解并绘制近似积分曲线。
对角线数独求解器 - X数独限制增加难度
支持标准及X数独（两条主对角线额外区域）的输入与逐步求解，逻辑提示每一步。
Terraform 计划预览器 - 资源变更可视化
粘贴terraform plan输出，解析并显示资源的增加、更改与销毁列表，辅助审查。
离线页面生成器 - 当无网络时展示
创建当用户离线时展示的简单HTML页面，结合Service Worker使用。
资源提示标签生成器 - dns-prefetch/preconnect/preload
根据输入的外部域名，生成 dns-prefetch、preconnect 和 preload 标签。