Webpack 打包分析器 - stats.json 可视化
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
UD5工具箱
向量场是空间每个点都对应一个向量的数学结构。在二维平面中,向量场给每个坐标(x,y)分配一个方向和大小的箭头,常用于描述流体流动、电磁场、风速分布等物理现象。本工具中预设了旋转场、鞍点场、源点场等经典向量场类型。
流线是在向量场中处处与向量方向相切的曲线。从种子点出发,沿向量场方向逐步积分追踪得到的轨迹就是流线。在稳态流场中,流线与流体粒子的运动轨迹重合,能直观展示场的全局流动模式。
种子点是流线积分的起始位置。点击画布上的任意位置放置种子点,系统会从该点出发,沿向量场方向向前和向后进行数值积分,生成穿过该点的完整流线。多个种子点可以帮助您对比不同区域场的流动特征。
RK4(四阶龙格-库塔法)是一种高精度数值积分方法,通过在每个积分步内采样4个中间点的向量值来大幅减少累积误差。相比简单的欧拉方法,RK4能更精确地追踪弯曲流线,尤其在旋转场和涡旋场中优势明显。
步长控制每次积分的距离增量,步长越小精度越高但需要更多步数覆盖相同距离。步数决定流线延伸的总长度(总距离≈步长×步数×2)。对于旋转场,较大步数会让流线绕原点多次;对于均匀场,流线则为长直线。
临界点是向量场为零的点(向量强度趋近于零)。常见类型包括:源点(所有流线向外发散)、汇点(流线汇聚)、鞍点(部分方向汇聚、部分发散)、中心点(流线围绕其旋转闭合)。这些临界点决定了向量场的拓扑结构。
流线是某一时刻向量场的瞬时快照曲线——处处与当前向量场相切。轨迹则是流体粒子在时间演化中的实际运动路径。在稳态场(场不随时间变化)中,流线与轨迹完全重合;在非稳态场中两者不同。本工具模拟的是稳态向量场。
偶极子场由一个正源和一个负汇(或两个相反旋转中心)组成。流线从正源出发弯曲进入负汇,形成对称的弧线簇。这种场型在电磁学(电偶极子)和流体力学中非常常见,展示了场从源到汇的完整通量传输路径。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
定义一组词汇或短语,批量生成不重复的5x5宾果卡片,适合活动或教学使用。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
上传一组图片,设定每张展示秒数和转场,生成WebM视频幻灯。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码,一键嵌入网站。
基于简单WebSocket服务,多人同时在同一画布上绘图,远程协作。
拖拽题型构建客户或员工反馈表,支持NPS、星级评分,导出填写链接或二维码。
配置滚动容器与目标元素,自定义随滚动触发的关键帧动画,输出纯CSS代码。
逐步引导填写具体、可衡量、可达成、相关、时限的目标描述,生成完整目标句。
随机生成两到五种颜色的组合,附带预览色块,提供设计意外之喜。
预览并调整撒花动画的速度、密度和形状,生成一键调用撒花的JS函数代码片段。
上传一张原图,智能裁剪并输出从16x16到512x512的各尺寸ICO/PNG,适合网页与PWA。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
创建一份让参与者寻找的物品或地标清单,可分享或打印。
上传图标文件并设置背景色,模拟在 Android/iOS 主屏幕上的添加效果,检查视觉适配。
可视化配置范围滑块的轨道、滑块、填充颜色,生成跨浏览器的CSS代码。
一款漂亮的拟物指针时钟,同时显示数字时间和日历,适合常驻副屏或全屏。
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
选择迭代深度,生成科赫雪花曲线构成的雪花形状,可填充颜色。
拖放 lcov.info 文件,以颜色标示每行代码的覆盖状态。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。