还是不明白图片预加载

来源:10-6 布流:区分图片预加载,获取元素关键属性

zippen

2022-12-27

1.看了一下其他问答,这里的图片预加载实际都是获取图片的实际高度,而不是接口那个
photoHeight,我还以为图片预加载是使用骨架屏的方式呢,看来是我想错了。
2.那么问题来了,啥时候使用预加载?啥时候可以不使用图片预加载呢?
3.感觉这两个方法根本就没啥区别啊,不需要图片预加载,当网速慢的时候还会出现img获取不到高度的情况,那还不如全部都是使用图片预加载了。
4.感觉不需要图片预加载这个方法没有实现的必要,根本就没有这种情况?还是说我理解错了?到底什么时候才不需要使用图片预加载?网速好的时候?但是不能保证每个人网速都好啊,感觉就是多此一举
5.刚看了一下课件,不需要图片预加载时:图片高度已知,这是什么意思呢?为啥没获取到img就知道高度了?但是如果没加载好img就知道高度,需要骨架屏吧?要给图片显示灰色吧?好像并没有实现?也不对啊,如果图片没加载好,也获取不了真实的具体高度啊?因为代码获取的是计算出来的高度,并不是接口传过来的高度,反正我就很懵。

写回答

1回答

Sunday

2022-12-27

你好

图片预加载的使用其实并没有想象中的那么复杂。

在日常开发中,接口返回大量图片进行瀑布流展示时,有时候会返回图片的宽高,而有时候则不会。当我们无法拿到图片高度时,则没有办法使用瀑布流布局,所以此时需要进行图片预加载,来先获取图片宽高的数据,以便进行瀑布流布局。

0
2
Sunday
回复
zippen
我没有明白你的意思? 瀑布流组件提供了支持图片预加载的功能,但是并不意味着必须要使用。咱们的接口返回了图片的高度,所以不需要使用图片预加载功能。我们在项目中也使用了服务端返回的图片高度,怎么会没有使用呢?
2022-12-27
共2条回复

基于 Vue3 ,打造前台+中台通用开发提效解决方案

42 种前台常见业务模型, 15 种中台通用组件,成为前端提效高手

788 学习 · 517 问题

查看课程