A quoi sert le dom virtuel de React ?

En réaction, le dom virtuel est utilisé pour obtenir des mises à jour efficaces des éléments dom dans la page ; le dom virtuel peut accumuler toutes les opérations dom, calculer toutes les modifications et mettre à jour le dom une fois, ce qui peut considérablement améliorer les performances et le DOM virtuel peut également être converti. dans des composants d'application natifs pour implémenter des applications cross-end.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

À quoi sert le DOM virtuel dans React ?

Qu'est-ce que le DOM virtuel dans React ?

est un concept du framework, où les programmeurs utilisent des objets JS pour simuler le DOM et l'imbrication du DOM sur la page

Quel est le but du DOM virtuel ?

Afin d'obtenir une mise à jour efficace des éléments DOM dans la page ;

Dans les applications Web traditionnelles, nous mettons souvent à jour les modifications des données dans l'interface utilisateur en temps réel, de sorte que chaque petit changement dans les données entraînera une modification de l'arborescence DOM. Refaire le rendu.

Le but du DOM virtuel est d'accumuler toutes les opérations, de calculer statistiquement toutes les modifications et de mettre à jour le DOM de manière uniforme.

Améliore considérablement les performances

Il permet des applications cross-end (React Native). Du côté du navigateur, le DOM virtuel est converti en nœuds DOM de navigateur individuels. Il peut également être converti en composants d'applications natives et des applications inter-segments peuvent être réalisées.

La différence entre le DOM et le DOM virtuel

1 Le DOM virtuel n'effectue pas d'opérations de composition et de redessinage

2 Le DOM virtuel subit des modifications fréquentes, puis compare et modifie les parties qui doivent être modifiées dans le DOM réel. en même temps (remarque ! ), et enfin effectuer la composition et le redessinage dans le vrai DOM pour réduire la perte de composition et de redessinage excessifs des nœuds DOM

3. L'efficacité de la composition et du redessinage fréquents du vrai DOM est assez faible

4. . Le DOM virtuel réduit efficacement le redessinage et la composition de la zone (nœuds DOM réels), car la comparaison finale avec le DOM réel est différente, vous ne pouvez en restituer qu'une partie

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!