javascript - Javascript 中的 HTML DOM 绘图事务？

Question

有没有办法在一个事务中封装多个DOM操作命令，这样内容就不会“忽悠”？像这样:

window.stopDrawing(); // start transaction
$("#news").append("<div>a new news item</div>");
// ... do something more
$("#news").css("top", "-150px");
window.startDrawing(); // stop transaction

Answer 1

每次您必须更新大量元素时，只需设置一个包含所有操作的函数，调用 mozRequestAnimationFrame(或 webkitRequestAnimationFrame)，只有在您的函数完全执行完毕后，它才会将您的更改绘制到屏幕上。

更多信息: https://developer.mozilla.org/en/DOM/window.mozRequestAnimationFrame