CI/CD流水线可视化编辑器 - 术语表
Source Map 可视化分析模拟器 - 查看编译前后代码映射
上传或粘贴 source map 文件,展示原始代码与编译后代码的对应关系,辅助调试。
链接关系图谱生成 - 思维导图式网页
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
进程调度可视化 - FCFS/SJF/轮转对比
输入进程列表,同时对比先来先服务、短作业优先和轮转调度算法的甘特图和平均等待时间。
Web Vitals模拟仪表盘 - LCP/FID/CLS演示
通过滑块调节LCP、FID、CLS等指标值,实时显示对应的谷歌核心网页指标评分与颜色。
FP-Growth 频繁模式挖掘演示 - 关联规则学习
输入交易清单,逐步可视化FP树的构建与频繁项集挖掘过程,理解购物篮分析算法。
Prometheus 指标解析器 - 文本格式转表格
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
周期任务模拟器 - setInterval可视化运行
添加多个周期任务和一次性延迟任务,在时间轴上观察其调用过程,学习JS定时器。
流式间距生成器 - 基于视口的动态padding/margin
类似字体工具,针对内外边距产生随视口平滑缩放的CSS值,完善流式布局体系。
发票号规则生成器 - 时间+自增流水定制
设定前缀、日期格式与流水位数,批量生成规范发号器序列,适合个体商户。
HTTP请求时序图生成器 - 瀑布图分析
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
电梯调度算法模拟 - 先来先服务/扫描/LOOK
添加楼层请求,观察电梯在不同调度算法下的移动轨迹和等待时间。
REST 与 GraphQL 响应格式对比器 - 结构差异可视化
输入同一数据源的两种 API 响应,并排展示结构差异,理解两种风格的数据组织。
活动结构化数据生成器 - 会议/演出信息标记
输入活动名称、日期、地点和票价,生成 Event 结构化数据,用于活动搜索结果。
Protobuf 在线解码器 - 原始字节转可读结构
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
绘制时机检测 - FP/FCP性能指标展示
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
CSS 动画曲线编辑器 - 贝塞尔可视化重定义
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
请求节流演示器 - 滑块/桶算法可视化
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
思绪卸货整理器 - 自由书写后自动分组
连续输入头脑中的杂念,提交后基于关键词自动归类,清空大脑。
首屏关键CSS提取工具 - 可视化选取折叠之上样式
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
基数排序动画 - LSD方法逐步可视化
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
Resource Timing 缓冲区管理 - 处理大量资源计时
设置资源计时缓冲区大小,监听 resourcetimingbufferfull 事件并处理。
Web Vitals 本地模拟器 - LCP/FID/CLS面板
加载测试页面,实时显示Largest Contentful Paint等核心指标,了解加载体验。
CSV批量导入闪卡 - 制作单词卡集
上传包含问题和答案的CSV文件,一键生成复习闪卡集,支持按熟悉度分类。
加载动画合集 - 数10种纯CSS Spinner预览
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
CSS Sprite生成器 - 图片合并与定位代码生成
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
系统强调色预览 - 在不同控件上的表现
动态调整 accent-color 并实时查看对复选框、单选按钮、进度条和滑块的影响。
Sass Mixin生成器 - 常用代码块模板
选择常用模式(如响应式断点、flex居中、省略号),生成对应Sass Mixin代码。
Open Graph 标签在线调试器 - 富媒体预览模拟
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
Avro Schema 在线编辑器 - 数据序列化格式设计
可视化编辑Apache Avro方案,支持字段嵌套与联合类型,实时生成对应的JSON示例数据以供验证。
CTF 杂项编解码工具箱 - 丰富格式按层解开
集成ASCII/Hex/Base家族/Quoted-Printable/UUencode等多种编码一键互转,支持智能识别与链式解码。
UD5工具箱