代码织光，视觉重构真实

　　去年暑假，我蹲在三号测试间修那个「光感动态骨架屏」——就是运营说“要让用户感觉真实世界被代码一帧一帧织亮”的玩意儿。空调坏了三天，墙上结露水，滴滴答答掉在机柜风扇格栅上，声音跟秒针卡顿似的。老张穿着人字拖进来递了瓶冰啤酒，拧开时瓶口嘶一声，他左手小指缺了半截指甲盖，是去年切CSS动画贝塞尔曲线时被键盘边划的。

文章配图，仅供参考

　　我原以为只要把WebGL那层光照模型调准，再套上Three.js的SSR烘焙缓存就齐活了。结果测到小米Note8真机上——不是模拟器，是行政部王姐借来查快递物流用的那台——首帧直接糊成毛玻璃。GPU占用飙到九十二，但帧率停在七。我盯着DevTools Performance tab里那条锯齿线看了十八秒，中间接了个电话，市场部小刘问“动效能不能加个呼吸感”，我说“你先去拿台iPhone 12测一下”，她哦了一声，挂得比requestIdleCallback还干脆。

　　“代码织光，视觉重构真实”？行啊，织。问题是光不认你写的type守卫。那天下午四点十七分，我们用Canvas 2D手动重绘了整个loading态的光晕扩散路径——纯JS插值，绕过所有框架生命周期。为什么？因为React 18的Suspense边界在低端Android WebView里根本没触发，useTransition压根不进pending状态。我们最后塞了个setTimeout(() => setState(…), 0)来骗它，靠，居然生效了。这事儿我不敢写进周报，但我在devtools里打过三遍console.time('fake suspense')，每次都准。

　　桌上外卖盒还敞着，宫保鸡丁浮着层油，旁边堆着六支不同色号的马克笔——UI走查时留下的。设计师小陈来改第三稿的时候，顺手拿蓝色那只在AirPods充电盒上画了个发光粒子轨迹，线条歪得像刚学写字的小学生。她画完就把笔一扔，笔帽弹到显示器底下，到现在还没捡。我说这轨迹得用HSLA渐变模拟瞳孔缩放响应，她头也不抬：“那你调呗，反正动效参数文档在飞书第十七页。”

　　优胜劣汰？对。但淘汰的不是技术，是耐心。上季度末，我们砍掉了三套预加载方案：Preload Link、Service Worker缓存、还有自研的fetch-with-priority兜底层。为什么？因为发现七成用户压根不等第二屏——他们手指滑得太快，快过requestAnimationFrame回调，快过IntersectionObserver触发阈值。后来跑了一次真机录屏分析，二十个样本里，有十一个用户在首帧未渲染完前，已经划走了。我敢打包票。可没人问为什么划走——产品说“这就是人性”，运维说“服务器日志没异常”，而我盯着Chrome DevTools里Network面板里那串被Cancel掉的font.woff2请求，心想：它连失败都不配被记下来。

　　前两天翻Git历史，看见自己commit message写的是：“修复iOS 15.4下Safari对CSS @property fallback行为的误判”。其实根本不是Safari的问题。是我们用@keyframes animating-opacity时，在transform: scale(0.999)后面多写了个空格，导致整个关键帧块被引擎跳过。这bug在线上埋了四天。没人测出，因为大家默认看的是“有没有闪”“有没有白屏”“动效顺不顺”，没人会去检查CSSOM树里Animation对象是否为null——直到老杨在蹲坑刷公司内网时，用Safari Developer Tools连上了他老婆的iPhone试了试，随口说了句：“诶，这个opacity变化好像没动？”

　　现在那套「织光」方案还在灰度。后台数据里埋点上报率八十三，但我知道至少有五台OPPO R11s根本不发reportVisible事件——因为WebView版本太老，PerformanceObserver直接undefined。我们没修。上周例会，CTO扫了眼报表，说“可以全量了”。散会后，我在茶水间听见产品经理跟UED说：“光影呼吸感，建议参考苹果WWDC 2023 keynote里那个纸飞机起飞的瞬时反光”。我端着咖啡杯在门口站了半分钟，咖啡凉了，杯沿沾了点粉底液——早上蹭同事镜子补妆时蹭的，她用的是某网红牌，卸不净。

　　所以我现在干的事，是每天早上八点五十，打开本地Chrome，输入chrome://flags/#enable-webgpu，然后手动禁用它。不是为了兼容，是怕哪天它真被默认开了，而我们的Shader编译器连glslangValidator都没装全。这事我跟运维说过三次，他说“容器镜像里早就配好了”，但我今天又ssh进去看了——/usr/local/bin/目录下只有glslc，没有glslangValidator。也没有error，什么都没有。就空着。

　　对了，机柜最底下那台备用服务器风扇嗡嗡响了整个月，昨天下午突然停了。没人报修。我们改天抽空，把它硬盘拆下来，装进另一台机箱试试？或者……先买包瓜子，边剥边想。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!