技术实验室
可以动手玩的实验
全部在浏览器里跑,不发任何网络请求。刷新页面状态会重置(待办列表除外,存在本地)。
Canvas 粒子连线场
点击画布重新撒点 · 窗口切到后台会自动暂停
优化点:距离平方比较省掉 sqrt、x 轴超距直接跳出、粒子对象复用避免每帧分配、按 DPR 缩放画布。
CSS 3D 卡片翻转
纯 CSS transform,零 JavaScript 参与动画
点击翻面
perspective: 900px
backface-visibility
hidden + rotateY(180deg)
性能计时器
在你的设备上实测,结果因机器而异
Web API 支持度
实时检测当前浏览器
终端打字机效果
异步/await + 逐行输出
localStorage 待办
验证本地存储:刷新后数据仍在
当前环境
不含任何上报,纯本地读取
CSS 进度条
点按钮触发,动画交给 CSS