Flexbox属性速查 - 可视对照表
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
UD5工具箱
, 指令读取)
> < + - . , [ ]),其余字符均被视为注释。尽管语法极简,Brainfuck 理论上可以完成任何计算任务,因此常被用于教学和智力挑战。它的名称暗示了其代码难以阅读和理解的特点。
| 指令 | 含义 | 说明 |
|---|---|---|
> | 指针右移 | 将数据指针向右移动一个单元格 |
< | 指针左移 | 将数据指针向左移动一个单元格 |
+ | 值加1 | 当前单元格的值增加1(溢出时归零,范围0-255) |
- | 值减1 | 当前单元格的值减少1(下溢时变为255) |
. | 输出字符 | 将当前单元格的值作为ASCII字符输出 |
, | 读取输入 | 从输入流读取一个字符,将其ASCII值存入当前单元格 |
[ | 循环开始 | 若当前单元格值为0,跳转到匹配的 ] 之后 |
] | 循环结束 | 若当前单元格值不为0,跳转到匹配的 [ 之后 |
+指令在255时溢出为0,-指令在0时下溢为255。数据指针初始位于索引0处,超出内存范围(<0 或 ≥30000)将触发错误。内存视图实时显示指针附近的单元格状态。
, 输入指令?,指令时,会从输入队列中按顺序读取字符(取第一个字符的ASCII值)。如果输入队列为空,则默认使用0。输入队列在每次加载代码时从输入框重新读取。建议在需要输入的程序中提前填好输入数据。
[和]必须成对出现且正确嵌套。本解释器在加载代码时会自动检测括号匹配:如果存在不匹配的括号(如多余的[或]),会弹出错误提示并拒绝执行。请检查代码中每个[是否有对应的],并确保嵌套顺序正确。代码高亮区也会帮助你可视化括号的位置。
+/-修改符号,>/<移动读写头,[/]实现条件分支和循环。.和,处理输入输出。从理论上讲,Brainfuck的计算能力等同于任何通用编程语言,只是编程效率极低。实际上已有开发者用Brainfuck实现了各种复杂算法甚至操作系统。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
在主线程和 Worker 之间使用 SharedArrayBuffer 和 Atomics 进行同步通信。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
载入简单控制网格,执行 Catmull-Clark 细分一次,观察光滑效果。
拖拽与门、或门、非门等构建组合逻辑电路,输入高/低电平观察输出。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
将URL查询字符串转换为键值对对象,编辑并重新生成编码后的查询参数,支持多层嵌套。
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性,实时观察布局变化,理解弹性盒子。
通过Service Worker或本地fetch模拟拦截和转发请求,查看修改后的请求响应。
解析 Svelte 组件的反应式声明,绘制变量之间的依赖关系链,便于理解更新逻辑。
输入URL模式字符串(通配符、命名组)和测试URL,验证是否匹配并提取参数。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
使用新的迭代器辅助方法链式处理数据,查看懒求值效果。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
完整展示HTTP状态码及其含义,按类别分组,支持搜索,是前端和后端开发常用的快速参考。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
编写 Lit 组件模板和属性,实时渲染并观察响应式更新,无需构建环境。
生成一行JavaScript代码,可将每日更新的编程相关名言嵌入到你的网站。
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶,点击复制类名或色值。
在主线程和Worker中分别计算大斐波那契数,对比界面的响应度。
打开多个同源页面,通过Broadcast Channel API实时同步消息或状态变化。
编写主线程和 Worker 内的逻辑模板,自动生成分离的 JS 文件代码,加速 Worker 开发。