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