当前位置:嗨网首页>书籍在线阅读

47-讨论

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

5.11.3 讨论

有时候你很幸运,能够发现一个明确地解决性能问题的优化方案。而有些时候,你需要像本秘诀里一样,使用多种技巧来得到想要的速度。

这段代码中对速度提升产生最大作用的是在一个DOM操作中插入一个 <table> 元素及其所有子元素,而不是一个接一个地插入冗长的 <tr> 元素。为了做到这一点,你需要生成整个表格的HTML代码。这意味着你需要粘贴大量用于构建HTML的字符串,这种操作可能非常快也可能非常慢,具体取决于你的做法。因为需要循环读取1000个项,所以找到最快的循环编写方法是值得一试的。

你可能感到奇怪,“这还是jQuery代码吗?这看上去就像简单旧式的JavaScript!”答案是肯定的。混合搭配jQuery和其他JavaScript代码完全没有问题。你可以在网站的大部分编码中使用简单的jQuery方法,在发现慢速的部分时,可以找到更快速的jQuery技巧或者在必要的时候用简单旧式的JavaScript来改进性能。