评估DOM操纵性能

Question

我正在尝试评估在两个框架之间单独操作HTML DOM的性能。我想要评估的两个框架是JQuery和AngularJS。我试图在http://jsperf.com/上写一个测试。但是，我一直遇到与AngularJS中$ scope对象相关的JavaScript错误（是的，我正在引用该库）。

我也知道你不应该用AngularJS直接操作DOM。

无论哪种方式，使用这两个框架测试向DOM元素添加100个子元素的性能的最佳方法是什么？

非常感谢你！

Answer 1

AngularJS是一个框架，而jQuery只是一个JavaScript库（也可以与Angular一起使用）。此外，使用Angular，您应该将DOM操作与指令分开，这与完全不操作完全不同。至于向DOM添加100个子元素，appendChild如何（Angular也附带jqLit​​e，所以你也可以使用它）。