1.尽可能避免频繁远程调用,特别是在循环体中的远程调用
2.避免将重量级的数据操作放在客户端进行.javascript执行速度比java等语言慢
3改进DOM对象的操作方式 :应该遵循先创建较小对象,然后再添加到较大对象.最后添加到网页.而不是先创建较大对象,后再添加较小对象.) (客户端中对DOM对象的操作最容易占用CPU时间)
最佳例:( 用时1.26秒
var tbody=document.createElement("TBODY");
for(var i=0;i<10;i++)
{
var row=document.createElement("TR");
for(var j=0;j<1000;j++)
{
var cell=document.createElement("TD");
cell.innerText(" "+i +" "+j);
row.appendChild(cell);
}
tbody.appendChild(row);
}
var table=document.createElement("TABLE");
table.appendChild(tbody);
document.body.appendChild(table);
4 搞高字符累加速度 :同3一样.先创建比较小的对象..然后累加起来..这样可以提高速度 关键点就是尽量减少对大规模数据进行操作
例:
//14.325秒
var str="";
for(var i=0;i<50000; i++)
{
str+="xxxx";
}
应该改为
//0.359秒
var str="";
for(var i=0;i<100;i++)
{
var stu="";
for(var j=0;j<500;j++)
{
stu+="xxxx";
}
str+=stu;
}
//或者用DOM对象来组装字符串
5.避免DOM对象的内存泄漏(经常被人忽略.但是却会引起非常严重的后果)
常见的内存泄漏有:循环引用模型,闭包函数模型,DOM插入顺序模型
6.复杂页面的分段装载和初始化
7.利用GZIP压缩网络流量 对JS等文件进行压缩
综上所述其中有几点是和大规模数据有关.所以在AJAX开发中应该尽量频繁操作大规模数据
2.避免将重量级的数据操作放在客户端进行.javascript执行速度比java等语言慢
3改进DOM对象的操作方式 :应该遵循先创建较小对象,然后再添加到较大对象.最后添加到网页.而不是先创建较大对象,后再添加较小对象.) (客户端中对DOM对象的操作最容易占用CPU时间)
最佳例:( 用时1.26秒
var tbody=document.createElement("TBODY");
for(var i=0;i<10;i++)
{
var row=document.createElement("TR");
for(var j=0;j<1000;j++)
{
var cell=document.createElement("TD");
cell.innerText(" "+i +" "+j);
row.appendChild(cell);
}
tbody.appendChild(row);
}
var table=document.createElement("TABLE");
table.appendChild(tbody);
document.body.appendChild(table);
4 搞高字符累加速度 :同3一样.先创建比较小的对象..然后累加起来..这样可以提高速度 关键点就是尽量减少对大规模数据进行操作
例:
//14.325秒
var str="";
for(var i=0;i<50000; i++)
{
str+="xxxx";
}
应该改为
//0.359秒
var str="";
for(var i=0;i<100;i++)
{
var stu="";
for(var j=0;j<500;j++)
{
stu+="xxxx";
}
str+=stu;
}
//或者用DOM对象来组装字符串
5.避免DOM对象的内存泄漏(经常被人忽略.但是却会引起非常严重的后果)
常见的内存泄漏有:循环引用模型,闭包函数模型,DOM插入顺序模型
6.复杂页面的分段装载和初始化
7.利用GZIP压缩网络流量 对JS等文件进行压缩
综上所述其中有几点是和大规模数据有关.所以在AJAX开发中应该尽量频繁操作大规模数据