导读:一般实现的两种思路
1、通过程序循环数据集合的时候闭包加入imageCache方法。
2、通过递归数据集合实现
发现都不是我理想的效果,数据集合量较大的时候imageCache处理的时间比不用imageCache展示的时间要慢很多,展示会有明显延迟,最终采取以下方法
还是for循环将html拼接,其中需要缓存的img改成:
<img class="imgCache" srcs="'+data[i].imgUrl+'">
$('#data_div').html(htmlStr);
imageCache();
调用加载缓存方法,具体实现如下:
function imageCache(){
var srcs = $("img.imgCache");
if (srcs.length > 0) {
for(var i=0;i<srcs.length;i++){