html里jquery的append效率问题

2025-03-07 07:08:50

推荐回答（4个）

回答1：

append的实现就是 innerHtml

相当于动态改变页面内容，要重新绘制。
你说的要22秒，我也太离谱了吧!!!!

以前写了一个大页面内容较多的，就是是5、6秒。
所以如果页面没有动态需求的话，尽量不要用append。
还要Append 你可以一块一块的加，比如：

....

$("#sch_out").append(s4);

$("#sch_out").append(s5);
......
这样页面改动较小，速度较快。

日志的时间，可以多加一个变量，打印差值就可以了，这样比较直观。

回答2：

可能因为 body_src 的HTML层级结构太复杂了，append 的速度只适合少量的小层级的DOM插入

回答3：

你说的是毫秒吧。我在Chrome里测试的结果，也没有那么大的差距啊。
for (i = 0; i < 20; i++) {
$('.guide-msg').append('

Item' + i + '

');
console.log("i=" + i + ":"+ (new Date).getMilliseconds());
}
>>>>>>>>>>>>>
i=0:121
i=1:122
i=2:123
i=3:123
i=4:124
i=5:125
i=6:126
i=7:126
i=8:128
i=9:129
i=10:129
i=11:130
i=12:130
i=13:131
i=14:131
i=15:132
i=16:132
i=17:133
i=18:133
i=19:134

回答4：

我想是不是第一次append，后台做了很多初始化工作，比如实例化了一个string类型，初始化string的大小长度，也不是很懂这个