/360-2d

Primary LanguageJavaScript

360-2d

本地测试 刷新要清空缓存 有缓存则体会不到网速的缓慢

目前实现:

1,首先隔几张图加载一张,让产品先转一圈,免得用户焦急等待
2,加载完一圈的数据再开始加载全部需要的图片
3,同步加载全部需要的图片,为减少前面展示的某张图片长时间等待,一次请求一定长度的数据(比如20张或30张...)

不足:

1,获取资源慢,可能是接口是外网的原因,除此之外,下载8~10兆的资源也需要一定间
2,第一次进入网站的时候首先隔几张图加载一张操作图片切换的速度需要控制防止加载过快(或有缓存过的情况)导致图片切换过快场面怪异
3,未处理图片请求失败,所有的资源中缺失某条数据,在循环数据切换图片的时候遇到未定义的情况导致图片播放暂停
4,实际需要动态获取所需资源的长度,和请求地址

一些想法:

在加载间隔数据让图片先展示以前的时候,同时请求其他的数据,理论上是同步请求不会堵塞,简单尝试后发现下面的请求会卡住,堵塞,
如果浏览器一次发送所有的请求,假设请求一张图片需要1s,那么同时发送200个请求相应也会是1s,但是同时请求返回却不是如此,
可能是浏览器限制 [同域名请求的最大并发数限制](https://www.cnblogs.com/sunsky303/p/8862128.html)

最后,不要被我的一些拙见限制,尝试新的方案或许可以避开遇到的一些问题