基数排序动画 - LSD方法逐步可视化
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
UD5工具箱
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
在画布上通过控制点绘制曲线与直线,生成对应的SVG <path> d属性字符串,方便插画引用。
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
基于方形或六边形网格,通过变形滑块创建有趣的密铺镶嵌图案。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
使用Seam Carving算法逐步移除图片中不重要的像素线以缩小尺寸,前端模拟教学。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
上传或粘贴ics日历文件,以可读列表形式展示所有事件、待办事项和提醒。
类似字体工具,针对内外边距产生随视口平滑缩放的CSS值,完善流式布局体系。
将给定比例约分为最简整数比,支持多数量比例(如3:6:9),直观显示化简结果。
将深度嵌套的JSON对象转化为用点号或括号分隔的单层键值对,便于数据清洗。
输入凯撒密文,自动展示25种位移的解密结果,方便快速查看明文。
应用Sobel或其他卷积核实施边缘检测,提取图像轮廓线条,可设置阈值,导出黑白线稿。
输入两个或多个整数,一键计算它们的最小公倍数,适合学生数学作业与分数通分。
定义状态转移规则,在纸带上逐步执行图灵机程序,理解可计算性。
建立带压缩扩展的 WebSocket 连接,对比压缩前后消息大小。
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
调整X和Y方向的频率和相位,绘制多样的利萨茹曲线图案。
设置基础字号后批量转换像素值为em/rem,同时提供反向计算,保证响应式单位准确。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
将IPv6地址的全写与规范简写形式互相转换,显示二进制和每组对应的十六进制。
输入 JavaScript 代码,实时生成对应的抽象语法树(AST),支持 ES 各版本,帮助理解编译器原理与代码结构。
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
为按钮或卡片配置悬停时的边框、阴影、缩放、颜色等动画,自动生成CSS transition代码。
将文本以每次一个单词且强调中心字母的方式高速显示,训练快速阅读。
通过滑块调节LCP、FID、CLS等指标值,实时显示对应的谷歌核心网页指标评分与颜色。
将文本以单个词快速连续呈现,通过调节速度训练速读能力。