UD5工具箱
scheduler.postTask优先级演示 - 用户交互优先
使用scheduler.postTask API安排不同优先级的任务，并观察执行顺序。
Dockerfile 检查器
行数: 0
预估层数: 0
等待分析
粘贴Dockerfile或加载示例后
点击「检查分析」查看最佳实践建议
Dockerfile 最佳实践 & 常见问题
为什么要减少镜像层数？
每条 RUN、COPY、ADD 指令都会创建一个新的镜像层，增加镜像体积和构建时间。合并 RUN 命令（使用 && 连接）可有效减少层数，提升构建效率和部署速度。
为什么避免以 root 运行？
以 root 用户运行的容器存在安全风险——容器逃逸漏洞可能让攻击者获取宿主机权限。使用 USER 指令切换到非特权用户是容器安全的基本要求。
COPY vs ADD 怎么选？
COPY 仅复制本地文件，行为明确。ADD 有额外功能（自动解压tar、远程URL），但增加了不确定性。Docker官方推荐：除非需要自动解压，否则优先使用COPY。
为什么避免使用 latest 标签？
latest 标签指向的基础镜像会随时间变化，导致构建不可复现。指定明确版本号（如 node:18.17.1-alpine3.18）可确保构建一致性和可追溯性。
什么是多阶段构建？
多阶段构建允许在一个Dockerfile中使用多个FROM指令，在构建阶段使用完整工具链编译，最终只将产物复制到精简运行镜像中，大幅减小生产镜像体积。
HEALTHCHECK 有什么用？
HEALTHCHECK 让Docker定期检查容器内应用的健康状态，配合编排工具（如K8s、Docker Swarm）可实现自动重启不健康的容器，提高服务可用性。
设计评审模板 - 结构化反馈收集
上传设计稿，按喜欢、疑问、建议三区邀请评审回复，形成报告。
CSS级联层演示 - @layer优先级可视化
交互式调整@layer顺序和选择器，实时观察CSS级联层如何影响样式应用，学习现代特性。
多设备同步预览框架 - iframe并排
输入URL，在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
Webpack 配置向导 - 问答式生成配置文件
通过交互式问答选择入口、输出、Loaders 和 Plugins，生成 webpack.config.js。
Service Worker生成器 - 基础缓存策略配置
选择缓存策略(Network First, Cache First等)，填写预缓存文件列表，生成sw.js文件。
CSS 级联层 (@layer) 优先级可视化 - 层叠顺序对比
将CSS规则分配到不同@layer，并可视化展示最终生效声明及其来源层级，深入理解级联。
CSS优先级可视化图表 - 特异性对比
输入多个CSS选择器，以图表形式展示各选择器特异性的 (a,b,c) 值对比。
局域网速度估测 - 文件传输时间模拟
根据已知带宽或手动输入，估算传输指定大小文件所需时间。
PDF合并工具 - 前端合并多个PDF文件
选择多个PDF，调整顺序后使用pdf-lib合并成一个新PDF，本地处理安全。
语义版本范围测试器 - 检查版本是否满足约束
输入目标版本和范围表达式（如 ^1.2.3），判断是否匹配，帮助理解依赖解析规则。
Storage Buckets API 实验室 - 分区存储策略
创建多个存储桶，分别设置持久化与配额策略，管理不同业务数据的存储优先级与驱逐顺序。
安全响应头检测 - HSTS/CSP/X-Frame等
输入URL，检测其是否包含常见安全增强的HTTP响应头并给出评分。
HTTP/2 Server Push 分析器 - 检查推送资源与缓存
模拟服务器推送资源，展示推送的资源和缓存行为，帮助优化 HTTP/2 策略。
网络速度测试 - 在线宽带测速工具
通过下载指定图片或数据包，估算当前网络的下载速度和延迟，纯前端测速。
MIME类型查询工具 - 文件扩展名与MIME互查
输入文件扩展名或MIME类型，查询对应的标准媒体类型，涵盖常见文档、图片、音视频格式。
任务批处理计划表 - 按情境分组
将相似任务拖动到同一批次，安排连续的专注时段批量处理，减少切换成本。
图标字体生成器 - SVG转自定义Webfont
上传SVG图标，生成包含这些图标的Web字体文件包及CSS使用代码。
浏览器存储配额估算器 - 检查剩余可用空间
调用 StorageManager API 获取当前源的总配额和使用量，显示剩余可用空间。
事前验尸分析 - 设想项目已失败找原因
引导团队想象项目已经惨败，列出所有可能原因，然后防范。
IndexedDB 模型设计器 - 可视化创建对象仓库与索引
定义对象仓库、主键和索引，生成创建数据库的 JavaScript 代码，方便前端数据持久化。
黄金螺旋叠加工具 - 构图参考线生成
在图片上叠加黄金螺旋和黄金比例网格，辅助摄影或绘画构图分析。
黄金比例计算器 - 在线斐波那契比例尺
输入一个数值，快速计算其黄金分割长边和短边，用于版式设计、图形比例参考。
图片格式质量对比器 - PNG/JPEG/WebP/AVIF 主观评测
上传一张图片，同时压缩为多种格式并调整质量，并排比较细节与文件大小，选择最佳格式。
步骤进度指示器生成器 - 多步流程可视化
设置步骤数量和当前步骤，生成带连线的步骤进度条，常用于结账或表单引导。
表单错误摘要组件生成器 - 顶部汇总与聚焦
为表单设计全局错误摘要区，当提交出错时自动生成错误链接并聚焦，符合 WCAG 3.3.1。
Bash 命令安全检查器 - 检测危险命令
分析 Shell 命令，高亮 rm -rf、fork 炸弹等潜在破坏性操作，提示风险。
Docker Run 命令生成器 - 参数可视化配置
通过表单设置端口映射、卷挂载、环境变量等，生成 docker run 命令。
PNG 块检查器 - 查看图片元数据与隐藏信息
上传 PNG 文件，列出所有数据块（IHDR、IDAT、tEXt 等），提取隐藏的文本或时间信息。
Cookie 罐检查器 - 详细展示所有属性与来源
列出当前页面所有 Cookie，包括 SameSite、Secure、Domain、Path 等完整信息。