Javascript 用于提高jquery性能的.append（）替代方法

大家好，我正在尝试使用jQuery制作一个射击游戏，其中子弹作为div生成，我正在使用.append生成子弹。子弹的生成非常完美，但问题是当一堆子弹加载时，性能会变慢。在谷歌搜索之后，我发现这是因为.append而发生的，但我不知道如何更改我的代码。 这是我的密码：

function spawnBullet(canvasid, objectid, bulletid, bulletclass, left, top) {
 var canvasID = $('#' + canvasid);
 var objectID = $('#' + objectid);
 var bulletID = bulletid;
 var bulletClass = bulletclass;
 var adjust_left = left;
 var adjust_top = top;
 var objectLeft = objectID.offset().left - adjust_left;
 var objectTop = objectID.offset().top - adjust_top;
 var appendingValue = "<div class="+bulletClass+" id="+bulletID+" style='left: "+objectLeft+"; top: "+objectTop+";'></div>";
 $("#content").append(appendingValue);
}

---

有人能告诉我如何解决这个问题吗？我非常需要这个帮助。Tnx.

jQuery是一个跨浏览器的DOM操作库。。。如果你想要游戏般的性能，那就避免同时使用jquery；使用原生js或其他库…@TJ，是的，我还发现原生js最快。但我不知道如何在这里使用它，因为我一直在练习jQuery，完全忘记了JS。你能用代码给我举个例子吗？可能会帮助你。将jquery和其他库进行比较。顺便说一句，看起来您正在使用，为什么不在画布上绘制项目符号，而不是在DOM中添加？DOM操作在性能方面太昂贵了…@TJ，我没有使用canvas。我刚刚给了一个部门的身份证。我使用DOMjQuery是因为像我这样的新手觉得很容易学习和编写代码，而且我发现jquery冲突插件非常棒。老实说，我不喜欢JS画布元素。