İnkremental DOM-un virtual DOM-a nisbətən…

İncremental DOM (İncremental DOM) bəzi renderləmə ssenarilərində daha yüksək performans təmin edir, xüsusən çox tez və kiçik DOM yeniləmələrində.

İncremental DOM-un üstünlükləri:

Aşağı yaddaş istifadəsi: İncremental DOM tam DOM ağacının nüsxəsini yaddaşda qurmayır, Virtual DOM kimi. O, birbaşa real DOM ilə işləyir. Bu, böyük və mürəkkəb tətbiqlər üçün xüsusilə vacibdir, çünki Virtual DOM çox yaddaş tuta bilər.
Kiçik yeniləmələrdə sürətli render: Məlumatlarda kiçik dəyişikliklərlə, İncremental DOM müvafiq düyünləri nöqtəvi şəkildə yeniləyə bilər, iki böyük ağac arasındakı fərqi hesablamağa ehtiyac olmadan (Virtual DOM kimi).
Diffing mərhələsi yoxdur: Virtual DOM-dan fərqli olaraq, İncremental DOM müqayisə mərhələsini tələb etmir. DOM yeniləməsi birbaşa render funksiyasının icrası zamanı baş verir.
Daha az əlavə xərclər: Ağacın qurulması və diffing mərhələsinin olmaması səbəbindən, İncremental DOM bəzi vəziyyətlərdə Virtual DOM-dan daha az xərclə işləyə bilər.

İncremental DOM necə işləyir (qısa):

İncremental DOM DOM strukturunu təsvir etmək üçün funksiyalardan istifadə edir. Hər renderdə bu funksiyalar icra olunur və kitabxana mövcud real DOM-u arzu olunan vəziyyətlə müqayisə edir və yalnız lazım olan dəyişiklikləri edir.

Nümunə (konseptual):

// Virtual DOM-da ağac qururuq və onu müqayisə edirik
// İncremental DOM-da strukturu təsvir edirik və real vaxtda yeniləyirik

function render(data) {
  elementOpen('div', 'my-id', ['class', 'container']);
  text('Salam, ');
  text(data.name);
  elementClose('div');
}

// data.name dəyişəndə, yalnız mətn düyünü yenilənəcək

İncremental DOM-in daha yaxşı nəticələr göstərə biləcəyi hallar:

Yüksək performans tələbləri olan və tez-tez, kiçik DOM yeniləmələri edən tətbiqlər.
Məhdud yaddaş resurslarına malik sistemlər.
Digər framework və ya kitabxanalarla inteqrasiya üçün yönəldilmiş kitabxanalar (çünki öz həyat dövrü və vəziyyət tələb etmir).

Qeyd etmək vacibdir ki, İncremental DOM və Virtual DOM arasında seçim layihənin xüsusi tələblərinə və istifadə ssenarilərinə bağlıdır. Virtual DOM, xüsusən daha az, lakin əhəmiyyətli dəyişikliklər zamanı, diffing mərhələsi ilə real DOM ilə birbaşa əlaqəni minimallaşdırmağa imkan verir.

İnkremental DOM-un virtual DOM-a nisbətən üstünlükləri nələrdir?