《高效的JavaScript代码编写技巧》虽然是不算长的网上文章，但却是非常好的讲述。作者围绕了如何更高效地进行 DOM 操作，作出多方面、有经验的分析与总结。有的是语言编码的技巧（如循环），有的是浏览器本身不足而去要克服的问题，有的是常见的陷阱，要我们如何去注意并规避之。更重要的是，作者不但陈述了问题的现象，在列出解决问题方法的同时，还事先给出错误的实例，反面的示例，以让读者更好地对比，通过“比较的方法“容易快速地体会其中的差异以及细微之处。

原文在：http://www.nowamagic.net/javascript/js_EffectiveJavascriptCoding.php

直接上图，方框内的为笔记：

edit 2011-10-10：补充前辈的一个观点，感觉非常不错——

对于动态 HTML 编程，IE 实现了两套模型：一套是以操作innerHTML为主的狭义的DHTML，一套是以集合方式操作(appendChild)页面元素对象的DOM(Document Object Model)。DHTML方式(我本文说的DHTML都默认指的对于innerHTML进行操作的编程方式，不是广义的DHTML。) 直接操作html代码片断，主要靠Web程序员使用字符串拼接来生成页面元素，这是一种高效的动态页面操作方式，不过似乎少些编程逻辑的味道，代码中往往散布着大量不完整的html代码片断。而DOM方式进行动态页面编程，在逻辑上是一种对集合和元素对象的操作，编程逻辑比较清晰，不过效率上有一些差别。具体使用什么方式来实现动态Web页面，大多数情况下是个人的喜好问题，除非在效率上必须锱铢必较。

附：《前端性能优化最佳实践 》www.iteye.com/magazines/116-Web-Front-Performance-Best-Practice