跳跃表可视化器 - 插入/搜索层级演示
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
UD5工具箱
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
输入最小项,生成卡诺图并自动圈出质蕴含项,得到最简逻辑表达式。
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
拖拽与门、或门、非门等构建组合逻辑电路,输入高/低电平观察输出。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性,实时观察布局变化,理解弹性盒子。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
以3D渲染(p,q)环面纽结,可旋转视角,感受拓扑之美。
在网格上设置起点/终点和障碍,动态演示广度优先、深度优先、A*等搜索过程。
自定义原生 <dialog> 元素的样式、动画和遮罩效果,一键复制生成语义化且无障碍的模态框代码。
通过勾选元素关系(子孙、兄弟)、属性、伪类等条件,自动生成精确的CSS选择器字符串。
提供历史数据,手动设定自回归/差分/移动平均阶数,查看拟合与未来几步预测,学习时序分析。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
通过叠加多个阴影创建柔和且真实的UI投影,导出CSS。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
拖拽调节Flex容器和子项属性,即时可视化响应效果,同时显示CSS代码,边学边用。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
基于斐波那契数列绘制黄金螺旋,展示各个正方形组成的矩形。
创建带有向下箭头和自定选项风格的自定义选择框HTML+CSS代码。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
调节背景色、亮阴影与暗阴影距离,生成新拟态风格按钮/卡片样式并导出代码。
可视化配置范围滑块的轨道、滑块、填充颜色,生成跨浏览器的CSS代码。