初学者应该了解的编陷阱：javascript篇.docVIP

对于初学编程语言的朋友来说，经常会犯一些比较“经典”的错误。在这一系列文章中，我们将介绍如何让初学编程的朋友避免一些基本的错误，并且了解如何正确的编程和开发代码。 这一篇文章中，我们介绍5个javascript代码开发中需要注意的问题和技巧。 冗余的DOM操作 DOM操作众所周知是比较重量级的。有效的限制交互可以大大的帮助你提高你的代码的性能。看看下面这段代码： // anti-pattern for （var i = 0; i 100; i++）{ var li = $（“li”）.html（“This is list item #” + （i+1））; $（“#someUL”）.append（li）; } 这段代码循环修改DOM100次，但是创建了100个jQuery对象。更好的方式是使用document片段，或者创建一个String来包含100个 元素，然后再添加到DOM中去。这里你只需要执行一次DOM操作。 优化后的代码： var liststring = “”; for （var i = 100; i 0; i--）{ liststring += “liThis is list item #” + （99- i）; } document.getElementById（“someUL”）.innerHTML（liststring）; 以上代码只调用了一次DO