H5异步加载多图
2024-10-21 04:10:33
异步加载多图(可能没啥用,加载慢)(图片预加载,提前给浏览器缓存图片)
1. 用一个计数变量记录需要加载的图片个数
2. 用new Image()去加载,加载完给此对象的src赋值要加载的url路径(事先加载好图片)
3. 每次加载成功计数加一,加载完成全部调用回调进行下一步操作
4. 此方法可以得知图片什么时候加载完成,示例代码:
var img = new Image();
img.onload = () => {
// 可以直接使用相同url赋值,此时图片已经预加载完毕
}
img.src = 'https://res.vigoo.com' + data.img;
注意:src要写在onload之后,否则图片加载过快没执行onload
最新文章
- 算法系列:kmp
- Oracle监听小问题
- codeforces 514B. Han Solo and Lazer Gun 解题报告
- 【BZOJ 3674】可持久化并查集加强版&;【BZOJ 3673】可持久化并查集 by zky 用可持久化线段树破之
- Best Practices for Speeding Up Your Web Site
- C#基础及记忆概念
- JS获取浏览器可视区域尺寸
- 【转】Win7环境下VS2010配置Cocos2d-x-2.1.4最新版本的开发环境(亲测)
- Centos6.4 openNebula
- c#基础语言编程-编码
- 实现android里面WebView显示内容
- 使用json文件给es中导入数据
- Poj3678:Katu Puzzle
- Android获得控件在屏幕中的绝对坐标
- jsoup 使用总结2--高级用法之 :gt(n)
- tomcat修改banner,隐藏版本号
- 【公众号系列】SAP S/4 HANA的移动平均价
- 无符号整型 unsigned int、unsigned long、usigned long long、size_t 比较和格式控制
- public private protected extends
- 混沌分形之马丁(Martin)迭代