教室/会议室时间排课器 - 资源与冲突检测
输入课程、老师和教室资源,尝试按时间排序并高亮显示资源冲突的时段。
UD5工具箱
可视化 Terraform Plan JSON 输出,清晰展示资源创建、修改、删除与替换变更
terraform show -json planfile 获取 JSON
terraform plan -out=plan.tfplan 将计划保存到二进制文件,然后执行 terraform show -json plan.tfplan 即可输出标准 JSON 格式的执行计划。你也可以使用 terraform show -json plan.tfplan > plan.json 将结果重定向到文件。该 JSON 包含 resource_changes 数组,每个元素详细描述了资源的变更操作。
terraform plan 的文本输出在资源数量较多时可读性较差,尤其在 CI/CD 流程中难以快速定位关键变更。JSON 可视化工具能提供:颜色编码快速区分操作类型、搜索过滤精准定位特定资源、属性级对比清晰展示字段级变化、变更摘要一目了然的统计数据。这大大提升了代码审查效率和安全审计的准确性。
terraform plan,将 JSON 输出发布到评论或可视化工具中。团队成员可直观查看哪些资源将被变更,尤其是删除和替换操作需要额外审批。结合 Atlantis、Terraform Cloud 或 GitHub Actions,可实现自动化的 Plan 预览与策略检查。
sensitive = true 的输出值和变量在 Plan 输出中隐藏(显示为 (sensitive value))。在 JSON 格式中,敏感属性会被移入 before_sensitive 和 after_sensitive 字段。建议在分享 Plan 结果时仍保持谨慎,避免将包含敏感信息的完整 JSON 公开发布。
输入课程、老师和教室资源,尝试按时间排序并高亮显示资源冲突的时段。
显示当前页面所有资源的详细加载时序(DNS、连接、等待、接收),帮助优化。
上传CSV文件,自动计算每列的计数、唯一值、缺失率及数值型分布直方图,快速了解数据。
在散点图上拖拽数据点,实时更新最小二乘回归线,显示斜率和截距。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
解析标准Cron表达式,显示未来多次执行的具体日期时间,辅助验证定时任务配置。
创建当用户离线时展示的简单HTML页面,结合Service Worker使用。
提供一份涵盖性能、安全、备份、监控等上线前检查清单,可自定义勾选。
逐步展示SW从注册、安装到激活的完整流程,并模拟更新与跳过等待的场景。
发起请求获取当前URL或任意允许CORS的URL的Response Headers,展示详情。
注册Periodic Background Sync,让应用在后台定期获取最新数据并更新缓存。
开启监听后操作页面,统计 DOM 变化次数和频率,帮助定位布局抖动。
构建或随机生成二叉树,逐步动画展示前序、中序、后序和层序遍历的路径。
引导通过树状图分析当前担忧是假设还是现实,走向应对或放手。
拖入Lighthouse导出的JSON报告,使用交互界面展示分数、建议和指标详情,无需Chrome DevTools。
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
添加知识点,按艾宾浩斯曲线自动生成未来几周的复习日期提醒。
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
利用浏览器地理位置和公开API,显示当前位置的天气图标和温度。
输入 URL,列出所有第三方域名的脚本,估算其对加载时间的影响。
输入HTML/CSS/JS特性关键词,快速查看各浏览器版本支持情况,受@mdn/browser-compat-data驱动。
编写O与对应KR,可视化进度条与完成度,团队或个人目标跟踪的轻量替代。
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
用彩色小球串演示Git仓库的提交(commit)、创建分支(branch)和合并(merge)过程。
展示一些常用内置HTML元素和自定义元素例子,提供代码复制。
粘贴含有冲突标记的文件内容,左右对照选择保留版本,一键生成干净合并结果。
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
待办项拖入四象限,并设置每个的提醒时间,自动排序今日。
创建闪卡并根据掌握程度放入5个盒子,按照不同间隔自动提供今日复习卡组。