ResizeObserver演示 - 响应元素尺寸变化
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
UD5工具箱
根据房间尺寸、保温情况等因素,精准计算所需BTU与瓦特,推荐合适的暖气片规格
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
输入对照组和实验组的用户数与转化数,计算 Z 值、P 值,判断是否具有统计显著性。
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
输入两组样本的访问量和转化数,计算P值并判断统计学显著性。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
直观拖拽曲线控制点,生成CSS transition/animation的cubic-bezier()值,并即时播放动画效果预览。
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
屏幕上散落词汇磁贴,拖拽排列成诗句,截图分享。
设置渐变两端颜色,鼠标滑过渐变条显示任意位置的精确十六进制色。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
以年支出的25倍为财务自由目标,输入净资产与储蓄率,计算剩余年数。
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
添加二维点并选择核函数,直观展示SVM决策边界与支持向量,理解最大间隔分类原理。
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
输入原始URL,填入来源、媒介、活动名等,生成带UTM规范的推广追踪链接。
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
粘贴JSON示例数据,自动分析并生成对应的JSON Schema,支持类型推断和必填标记。
在线颜色格式转换器,实现RGB、HEX、HSL、HSV等颜色代码互相转换,实时预览颜色效果。
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
实时显示当前网络连接状态,监听online/offline事件,帮助用户判断断网原因。
可视化调整cubic-bezier和steps()缓动,并可实时看到动画球左右移动。
在Canvas上绘制理想频率响应,并应用简单FIR滤波器对合成信号进行滤波,听音效对比。
根据资产、年支出与储蓄率,估算实现财务自由所需的年限与进度条,激发理财动力。
输入颜色值查找对应的CSS颜色名称,或浏览所有命名颜色及其色值,提升设计效率。
粘贴原始Webhook请求体,自动识别并格式化,便于阅读调试。
在线将LAB色彩空间值与RGB/HEX进行转换,辅助印刷和设计校色。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。