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