Sanal DOM uygulaması, herhangi bir durum gözlenmezse, createDocumentFragment() öğesinden farklı mıdır?

Question

Sanal DOM, gerçek DOM'ye yerleştirilmeden önce yerel olarak muhafaza edilen/önbelleğe alınan DOM'ın hafif bir kopyasıdır. İstediğimiz gibi değiştirebilir ve gerçek DOM ağacımıza kaydedebiliriz. Değişiklikleri ileri geri ve diğer kullanım durumlarını güncellemek için verimli farklı algoritmalar kullanır.
Bu, pahalı bir işlem olduğundan DOM ile doğrudan manipülasyondan kaçınmak için yapılır.
Ayrıca, DOM'a eklenecek sanal ağaç düğüm nesneleri oluşturan JavaScript'te kullanılabilen document.createDocumentFragment() yöntemine sahibiz.
Herhangi bir durum veya çift yönlü bağlanmada gözlemlenmesi gereken bir görünüm/bileşenim yoksa (örneğin, yalnızca şablona geçirilen seçenekleri kullanarak ve DOM'daki olayları işlemekle), Virtual DOM'ın gerçekten bir fark yaratacağını bilmek isterim. böyle senaryolarda?
Ya da tek yapması gereken, yalnızca oluşturma ve durum gözlemleme olmamasıdır, createDocumentFragment() kadar iyidir.

Answer 1

En basit cevap, NodeJS'nin document.createDocumentFragment, ne de document.createElement içermemesidir veya böyle bir şeydir.

VirtualDOM noktası DOM daha sonra enjekte edilecek sistemlere sadece büyük ölçekli düzenlemeler için izin vermek değil, aynı zamanda DOM sadece düz var olmayan bir ortamda herhangi düzenlemeler için izin vermek.

Bu, DocumentFragment s ve VirtualDOM uygulamasının pratik uygulaması arasındaki en büyük farktır. Belirli sanallaştırma sanallaştırması örneklerinde belirli yarar kütüphaneleri (React, demek), bu şeylerle başa çıkmayı, parçalara ve çocuklara elle yerleştirmeye kıyasla oldukça basit hale getirmektedir.