再谈图片懒加载中的宽高比盒子与布局抖动

ChrAlpha 的幻想乡 at 
再谈图片懒加载中的宽高比盒子与布局抖动的配图
我绝对不会告诉你这篇文章新建文件夹于 4 月 4 日;我绝对不会解释为什么半年不写更新博客。早在两年前,我曾发过一篇 在 Hexo 中实现图片懒加载 的文章,借助 srcset 实现了更好的效果。但是在那篇文章里提到一个问题——加载原图时引发的布局抖动——也一直搁置着没有解决,毕竟想着我网站的图片总是东一份西一份,不是很好计算占位空间。但其实也不是没有办法,例如 probe-image-size 等项目都很好的实现在不下载整张图片的前提下获取图片尺寸数据。既然借口没了……先说思路分配占位空间以对抗布局抖动,我之前一只采用的是取巧的方案——直接取封面图的长宽比,这样至少主页等位置能够避免抖动了,……