- 博客(1)
- 收藏
- 关注
原创 自定义指令实现渐进加载图片
开发背景我们网站内的所有图片都是从上到下扫描渲染的,如果网速较慢的时候,图片由0到1的整个过程将会出现较长的耗时,且留有较长的空白时间,针对这一问题,起初我的做法通常都是使用一张占位图,但是真实图片替换占位图的过程会出现闪烁的现象,于是我使用了渐进加载图片的方式对项目进行了优化。渐进加载的整体流程?页面中的图片可以先加载一个图片的模糊轮廓(小图),随着图片加载时长的增加,图片会逐渐变得清晰。这里我们需要注意几个问题:如何使用户无感知的替换新老图片?如果页面内需要渲染多个图片,那我们岂不是要多添
2021-12-01 10:42:28
552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人