介绍页数据：iPhone 12 Pro

[gaoryrt]

iPhone 12 Pro

首页加载：

全部加载：

[gaoryrt]

js 用到了两个知名的库，还有一个专门给微信做的工具库：

用的 webpack

茫茫多的 data-attributes 和 inline-css

很大一部分 css 都是 i18n 字型和适配相关的

css 层级嵌套很多，大概率用了预处理器

还有两组帧动画的图片

用 canvas 实现了：

绝大部分流量（52.8 MB / 58.2 MB）都给了 avc1 的 mp4，用作滚动响应动画

mp4 文件根据设备做了适配，大屏幕有大视频

[gaoryrt]

已经用上 grid 了

[gaoryrt]

找了半天 lottie 用在哪里了

这里应该有一个演示下载的动画，但是不知道为啥被 display: none 了没有看到

[gaoryrt]

很多交互动效都是用 inline css variable 来做的：

兼容性已经这么好了吗？还是说做了很多套通过 UA 分发适配呢？

然后他们的 css transform function 都转做了 matrix，这个应该是出于性能考虑使用工具库转的。