当前位置: 首页 > Web前端 > CSS

-查看AirPodsPro网页,大量媒体页面上的一些有趣统计数据

时间:2023-03-30 14:23:53 CSS

原帖位于https://twitter.com/wesbos/status/1189190729219760130?s=20byWesBos@wesboshttps://www.apple.com/cn/airpods-pro/完整加载70兆数据和1700多张jpg,其中大部分是在页面加载348KBJS约25000行后加载的。RequireJS被广泛使用。数据属性被广泛使用。事件委托被广泛使用。CSS704mediaQuery18000行左右十种mediaquerywidth一个reversecolor的mediaquery有3500行左右专门用于不同语言的字体调整移动端加载5.8兆数据Apple内部好像有很多库命名ac_开头我看到唯一用到的库是wavesurfer.js,就是用来做这个可视化效果的:当链接速度不快的时候,70M/1500的效果就不用了。当chromedevtool转为fast-3g时,要求是7.5M/5图片的内容不管你喜不喜欢Apple,有一点需要承认的是,他们的页面一直都是业界顶尖的。转移到推特上,由机器转动和修改。没有公众号需要你的注意。