API速率限制模拟器 - 滑动窗口与令牌桶
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
UD5工具箱
| # | 时间 | 算法 | 结果 | 详情 |
|---|
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
类似字体工具,针对内外边距产生随视口平滑缩放的CSS值,完善流式布局体系。
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
调整滚动容器和子项的对齐方式、停止点,观察CSS Scroll Snap平滑滑动效果。
输入进程列表,同时对比先来先服务、短作业优先和轮转调度算法的甘特图和平均等待时间。
生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。
输入交易清单,逐步可视化FP树的构建与频繁项集挖掘过程,理解购物篮分析算法。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
设定最小与最大字体规格及视口范围,自动生成CSS clamp() 函数,实现流式排版。
基于方形或六边形网格,通过变形滑块创建有趣的密铺镶嵌图案。
定义状态转移规则,在纸带上逐步执行图灵机程序,理解可计算性。
设定前缀、日期格式与流水位数,批量生成规范发号器序列,适合个体商户。
无需JavaScript,构建纯HTML5折叠面板,添加自定义图标与动画样式,输出语义化代码。
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
点击节点添加路径权重,运行Dijkstra算法高亮从起点到所有节点的最短距离和路径。
使用Seam Carving算法逐步移除图片中不重要的像素线以缩小尺寸,前端模拟教学。
配置头像、姓名、头衔和评价内容,生成带引用样式的客户感言卡片代码。
粘贴JWT,自动Base64解码并显示明文Header和Payload。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
输入后缀表达式或简单指令,逐步演示栈的压入弹出计算过程。
添加进程(到达时间、运行时间),并行动画演示先来先服务、短作业优先、轮转等调度算法的执行。
添加楼层请求,观察电梯在不同调度算法下的移动轨迹和等待时间。
将深度嵌套的JSON对象转化为用点号或括号分隔的单层键值对,便于数据清洗。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
对同一输入运行多种哈希算法,并对比它们在前端的执行速度。