小细节导致的bootstrap table append的性能问题

场景很简单，在一个bootstrap table里选择好数据之后，导入到另外一个bootstrap table里，因为要判断ID相同，所以用了个循环

$.each (selected,functioon(index,item){
	if (! 相同)
	{
		$('#table2").bootstrapTable("append",item);
	}
})

但是数据量较多的时候，就出现了灾难性的速度问题，导致浏览器卡死

优化思路： 先创建一个空数据，数据塞进去，然后调用一次append方法

var added=[]
$.each (selected,functioon(index,item){
	if (! 相同)
	{
		added.push(item);
	}
})
$('#table2").bootstrapTable("append",added);

补充1 @2016年3月24日13:42:44

貌似这跟bootstrap没关系，而是循环访问dom本身会带来的结果。参考了文章

高性能JavaScript之DOM编程 http://blog.youkuaiyun.com/i10630226/article/details/50960735?ref=myread