跳跃表可视化器 - 插入/搜索层级演示
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
UD5工具箱
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
输入最小项,生成卡诺图并自动圈出质蕴含项,得到最简逻辑表达式。
输入一个多参数函数,自动生成柯里化版本并演示逐步传参调用的过程。
使用新的迭代器辅助方法链式处理数据,查看懒求值效果。
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
拖拽与门、或门、非门等构建组合逻辑电路,输入高/低电平观察输出。
载入简单控制网格,执行 Catmull-Clark 细分一次,观察光滑效果。
应用 contain 的各种值(layout, paint, size),直观对比开启前后渲染和布局的变化。
动画展示 Kruskal 算法选择边和合并集合的过程,高亮生成树边。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性,实时观察布局变化,理解弹性盒子。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
提取 HTML 中所有内联 style,智能合并相同样式生成 class,并替换为类名以减小体积。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
在后台 Worker 中计算大范围内的质数,主线程实时绘制进度条,展示多线程优势。
以3D渲染(p,q)环面纽结,可旋转视角,感受拓扑之美。
在网格上设置起点/终点和障碍,动态演示广度优先、深度优先、A*等搜索过程。
自定义原生 <dialog> 元素的样式、动画和遮罩效果,一键复制生成语义化且无障碍的模态框代码。
解析 Svelte 组件的反应式声明,绘制变量之间的依赖关系链,便于理解更新逻辑。
通过勾选元素关系(子孙、兄弟)、属性、伪类等条件,自动生成精确的CSS选择器字符串。
输入移动距离和视口尺寸,手动模拟单个布局偏移的分数计算方式,加深对 CLS 的理解。
提供历史数据,手动设定自回归/差分/移动平均阶数,查看拟合与未来几步预测,学习时序分析。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
通过叠加多个阴影创建柔和且真实的UI投影,导出CSS。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。