jquery - 评估 DOM 操作性能

Question

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

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

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

太感谢了！

Answer 1

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