效率优化

最近做项目时遇到个问题：打开某页面时特别慢，在页面进行操作时也特别慢。

分析：

①先看后台：

用谷歌浏览器，按下F12，打开Network页签，查看页面请求使用的时间，发现有100多毫秒，返回给前台的文件大小有2.1M。

百思不得其解，因为页面加载时后台只是查询了几个List放在了Model中返给前台。

其中一个List有将近300条数据。

把这个多数据的List注释后，发现返回前台的文件大小变成 了58k，时间87ms。

②再检查前台：

发现多处使用append方法，且在循环内使用了append ，代码类似下面：

$.each(reallyLongArray, function(count, item) { 
var newLI = '<li>' + item + '</li>'; 
$('#ballers').append(newLI); 
}); 

不要在each()里用$('#id')的选择器，会有多次遍历查找dom元素，效率极低。