47-讨论
5.11.3 讨论
有时候你很幸运,能够发现一个明确地解决性能问题的优化方案。而有些时候,你需要像本秘诀里一样,使用多种技巧来得到想要的速度。
这段代码中对速度提升产生最大作用的是在一个DOM操作中插入一个 <table>
元素及其所有子元素,而不是一个接一个地插入冗长的 <tr>
元素。为了做到这一点,你需要生成整个表格的HTML代码。这意味着你需要粘贴大量用于构建HTML的字符串,这种操作可能非常快也可能非常慢,具体取决于你的做法。因为需要循环读取1000个项,所以找到最快的循环编写方法是值得一试的。
你可能感到奇怪,“这还是jQuery代码吗?这看上去就像简单旧式的JavaScript!”答案是肯定的。混合搭配jQuery和其他JavaScript代码完全没有问题。你可以在网站的大部分编码中使用简单的jQuery方法,在发现慢速的部分时,可以找到更快速的jQuery技巧或者在必要的时候用简单旧式的JavaScript来改进性能。