高性能javascript_提高JavaScript性能

高性能javascript

好吧，有人说避免DOM操作是提高javascript性能的关键。 他们的理解歪曲了。 实际上，在将元素添加到DOM之前，它的操作速度非常快。 无需搁置精彩的前置或附加jQuery API并做一些html技巧来获得有希望的性能。 只要确保在将元素片段添加到DOM之前就对其进行操作即可。

这两个代码块有细微的差别，这非常重要。

//adds element to DOM and *then* does the manipulation
$('<div />').appendTo(someElement).doSomeManipulation();

//manipulates the element fragment *before* adding to the DOM
$('<div />').doSomeManipulation().appendTo(someElement);

知道何时将元素添加到DOM非常重要，但是要知道在放置元素后要对其进行操作。

在将元素添加到DOM之前，您可以执行几乎所有工作来对JavaScript性能进行出色的调整。 只需对链调用进行重新排序，即可通过此单一技术看到对JavaScript性能的惊人改进。

最后，对于所有有关性能JavaScript问题，这不是必需的全局修补程序。 在使用jQuery进行操作之前，可能确实需要一段时间才能将元素插入DOM中，但是值得一试，看看它是否适用于您的应用程序。

翻译自: https://www.sitepoint.com/improve-javascript-performance/

高性能javascript