Cet article analyse la méthode de fonctionnement de la fragmentation des documents JavaScript à travers des exemples. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
L'utilisation de la fragmentation des documents peut améliorer l'efficacité des pages dans certains cas.
L'exploitation du DOM en Javascript est un processus très gourmand en performances. Dans certains cas, une opération en boucle DOM doit être effectuée. Chaque opération que nous effectuons sur le DOM déclenchera un « réarrangement », ce qui affecte sérieusement la consommation d'énergie. réduire autant que possible les opérations DOM pour réduire le "réarrangement".
Face au processus de fonctionnement cyclique du DOM, nous choisissons d'utiliser un fragment de document (creatDocumentFragment), d'ajouter le contenu qui doit être ajouté au DOM dans le fragment de document en une seule fois, puis d'ajouter le fragment de document au DOM arbre, afin qu'il puisse être efficace Réduire le nombre d'opérations DOM.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>文档碎片</title>
<meta name="Keywords" content="">
<meta name="author" content="@my_programmer">
</head>
<body>
<script>
var temp = document.createDocumentFragment();//文档碎片(当把文档碎片付给某节点时，只是把文档碎片中的子节点付给了某节点，它本身并没有插入到这个节点中)
for (var i=0; i<100; i++) {
var test =document.createElement('div');//创建一个节点
test.innerHTML = 'aaa' + i;//给节点添加内容
temp.appendChild(test);//把创建的节点插入到temp文档中
}
document.body.appendChild(temp);//把temp文档插入到body末尾
</script>
</body>
</html>
J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
