请求节流演示器 - 滑块/桶算法可视化
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
UD5工具箱
对比 滑动窗口 与 令牌桶 两种限流算法 · 相同请求流,不同表现
| # | 时间 | 滑动窗口 | 令牌桶 | 备注 |
|---|---|---|---|---|
| 等待请求... | ||||
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
编辑 %c 占位符和 CSS 样式,实时查看控制台输出效果,微调后再用于实际调试。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
生成符合最佳实践的“跳至主内容”链接的 HTML 和 CSS 代码,提升键盘导航体验。
导入 Postman Collection JSON 文件,按顺序执行请求并显示响应,模拟简单的自动化测试。
配置iframe的sandbox属性,加载测试页面,直观查看表单提交、脚本执行等功能的限制效果。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
粘贴代码片段,通过模式匹配查找可能泄露的 AWS、Google 等 API 密钥和令牌。
输入第三方域名,生成<link rel='preconnect'>或dns-prefetch等资源提示标签。
为按钮或卡片配置悬停时的边框、阴影、缩放、颜色等动画,自动生成CSS transition代码。
模拟 prefers-contrast: more/less 媒体特性,预览页面在高对比度模式下的视觉效果。
配置头像、姓名、头衔和评价内容,生成带引用样式的客户感言卡片代码。
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
连接示例 SSE 端点,展示服务器单向推送的实时数据流,并显示事件类型和数据。
使用Web NFC API向兼容标签写入文本或URL,并验证读取结果。
输入 HTML,模拟浏览器的预加载扫描器,列出将提前请求的资源。
将文本以单个词快速连续呈现,通过调节速度训练速读能力。
输入后缀表达式或简单指令,逐步演示栈的压入弹出计算过程。
定义状态转移规则,在纸带上逐步执行图灵机程序,理解可计算性。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
展示 navigator.connection 提供的有效连接类型(4g/3g/2g)、下行速度和往返时间。
对同一输入运行多种哈希算法,并对比它们在前端的执行速度。
设置资源计时缓冲区大小,监听 resourcetimingbufferfull 事件并处理。
生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。