焦虑记录与重构 - CBT思维记录表
记录焦虑情境、自动想法,引导填写替代理性思考,简单认知行为练习。
UD5工具箱
直观理解 IoC 控制反转 与 DI 依赖注入 的核心原理
尚未注册任何服务
点击「注册所有预设服务」开始
■ 接口/抽象 ■ 具体实现 ■ 目标类 --- 虚线=未注册
解析服务后
在此查看实例信息
记录焦虑情境、自动想法,引导填写替代理性思考,简单认知行为练习。
评估最能被你接纳的道歉表达(悔意、认责等),促进有效和解。
使用指针锁定 API 在 3D 场景中控制视角移动,模拟 FPS 游戏鼠标控制。
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
使用 WebGPU 编写计算着色器执行矩阵乘法,对比 CPU 性能。
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
创建 Shadow DOM 与普通 DOM 元素,对比样式隔离效果,理解 @layer 和 scoped styles。
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
构建嵌套元素,触发事件并逐步显示事件流经路径,可切换捕获/冒泡模式。
模拟古代斯巴达人将羊皮纸绕在棍上写信息的方法,输入文本解密。
收录多幅动态与静态视错觉,可调节参数观察效果,附科学解释。
3D地球展示地轴倾角与公转,调节月份直观理解太阳直射点移动如何形成四季。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
使用CTAP2模拟器或安全密钥在浏览器中体验无密码注册与认证流程。
选择各种数据类型演示structuredClone的深拷贝能力,对比JSON.parse的限制。
在主线程和Worker中分别计算大斐波那契数,对比界面的响应度。
显示渐小条纹,测试你能分辨的最小视角,对照理论视网膜细胞密度。
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
使用PasswordCredential和FederatedCredential存储用户登录信息,并实现一键自动登录。
显示当前已授予的权限,并提供方法引导用户手动撤销或重置浏览器权限。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
模拟发起跨域请求并显示错误,解释CORS机制和解决方案。
输入箱子内外尺寸,计算容积和可容纳的某种物品数量。
在指定区域进行触摸操作,实时显示触摸点坐标和识别的基础手势(滑动、捏合等)。
展示一些常用内置HTML元素和自定义元素例子,提供代码复制。
在Canvas上手写数字,通过预训练的简单模型或k-NN演示实时预测数字标签。
全屏旋转螺旋图案,注视片刻后停止,感受静止图案出现反向运动的错觉。
显示强色彩图片,盯着中心30秒后切换到白屏,体验补色后像错觉。
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。