评估 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，所以你也可以使用它）。