技术实验室

可以动手玩的实验

全部在浏览器里跑,不发任何网络请求。刷新页面状态会重置(待办列表除外,存在本地)。

Canvas 粒子连线场

点击画布重新撒点 · 窗口切到后台会自动暂停

优化点:距离平方比较省掉 sqrt、x 轴超距直接跳出、粒子对象复用避免每帧分配、按 DPR 缩放画布。

CSS 3D 卡片翻转

纯 CSS transform,零 JavaScript 参与动画

点击翻面 perspective: 900px
backface-visibility hidden + rotateY(180deg)

性能计时器

在你的设备上实测,结果因机器而异

Web API 支持度

实时检测当前浏览器

总计:检测中…

终端打字机效果

异步/await + 逐行输出

localStorage 待办

验证本地存储:刷新后数据仍在

    当前环境

    不含任何上报,纯本地读取

    CSS 进度条

    点按钮触发,动画交给 CSS

    0%