Web 前端设计模式–Dom重构 提高显示性能

2020-05-17 06:19:09易采站长站整理

}
}
}
//载入数据
function append(i,j,type)
{
var str=”<div class=’show_img h3′ id=’tabcontent”+i+”‘>”;
str+=”<div id='”+type+”demo’ class=’demo’>”;
str+=”<div id='”+type+”indemo’ class=’indemo’>”;
str+=”<div id='”+type+”demo1′ class=’demo1′>”;
str+=”<a href=’#’><img src=’img/”+j+”.png’ border=’0′ /></a>”;
str+=”<a href=’#’><img src=’img/”+ (++j) +”.png’ border=’0′ /></a>”;
str+=”<a href=’#’><img src=’img/”+ (++j) +”.png’ border=’0′ /></a>”;
str+=”<a href=’#’><img src=’img/”+ (++j) +”.png’ border=’0′ /></a>”;
str+=”</div>”;
str+=”<div id='”+type+”demo2′ class=’demo2′></div>”;
str+=”</div></div><div>”;
$(“#tabcontent”).append(str);
}

4.设计小结
网站的性能提高了,既不会出现在首次载入的时候页面元素负荷过重而造成的延迟,也不会因为Dom树的不断更新而造成页面显示性能低下…
如图:

源码下载 /201010/yuanma/DomForm.rar