教程
从零构建赛博朋克静态博客:结构、动效、性能与部署全流程
一份可以照抄的施工手册:页面如何分工、动图放在哪里、动画何时触发、怎样在 16.7ms 的预算里跑满 60 帧,以及从 npm install 到上线的完整命令。
30 MIN READ
→
一份可以照抄的施工手册:页面如何分工、动图放在哪里、动画何时触发、怎样在 16.7ms 的预算里跑满 60 帧,以及从 npm install 到上线的完整命令。
第一篇文章。
不用一张图、不用 JS,只用伪元素、clip-path 与 steps(),就能做出可信的 RGB 分离与信号撕裂。
90 个节点、140px 连线阈值、DPR 上限 2、隐藏标签页停绘——一个能跑满 60 帧的背景实现。
16.7 毫秒不是「目标」,是总预算。给它列一张表:排版多少、绘制多少、脚本多少、剩多少给意外。
第一篇文章。关于为什么在 2026 年还要手写一个静态博客,以及这个站打算记录什么。
没有匹配的日志。换个关键词试试。