ინკრემენტული DOM-ის უპირატესობები ვირტუალურ DOM-სთან შედარებით რა არის?

Ինքմենտալ Դոմը (Incremental DOM) ապահովում է ավելի բարձր կատարողականություն որոշ ռենդերային սցենարներում, հատկապես շատ հաճախ և մանրակրկիտ փոփոխությունների դեպքում:

Ինքմենտալ Դոմի առավելությունները:

• Նվազեցված հիշողության սպառում: Ինքմենտալ Դոմը չի ստեղծում ամբողջական պատճեն DOM ծառից հիշողության մեջ, ինչպես Վիրտուալ Դոմը: Նա աշխատում է անմիջապես իրական DOM-ի հետ: Սա հատկապես կարևոր է մեծ և բարդ հավելվածների համար, որտեղ Վիրտուալ Դոմը կարող է զբաղեցնել զգալի հիշողություն:
• Արագ ռենդերավորում փոքր փոփոխությունների դեպքում: Փոքր տվյալների փոփոխությունների դեպքում, Ինքմենտալ Դոմը կարող է ճշգրիտ թարմացնել համապատասխան DOM հանգույցները առանց մեծ ծառերի տարբերությունը հաշվելու:
• Diffing փուլ չկա: Վիրտուալ Դոմից տարբեր, Ինքմենտալ Դոմը չի պահանջում համեմատության փուլ (diffing): DOM-ի թարմացումը տեղի է ունենում անմիջապես ռենդերացման ֆունկցիայի իրականացման պահին:
• Փոքր ծախսեր: Diffing փուլը բացակայելու պատճառով, Ինքմենտալ Դոմը կարող է ունենալ ավելի քիչ ծախսեր որոշ իրավիճակներում:

Ինչպես է աշխատում Ինքմենտալ Դոմը՝ կարճ:

Ինքմենտալ Դոմը օգտագործում է ֆունկցիաներ DOM-ի կառուցվածքը նկարագրելու համար: Ամեն ռենդերացման ժամանակ, այս ֆունկցիաները կատարվում են, և գրադարանն համեմատում է ընթացիկ իրական DOM-ը ցանկալի վիճակի հետ, կատարելով միայն անհրաժեշտ փոփոխությունները:

Օրինակ (կոնցեպտուալ):

// Վիրտուալ DOM-ում կառուցում ենք ծառ և համեմատում
// Ինքմենտալ Դոմում նկարագրում ենք կառուցվածքը և թարմացնում այն

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

// Երբ data.name փոխվի, միայն տեքստային հանգույցը կթարմացվի

Երբ Ինքմենտալ Դոմը կարող է ցույց տալ լավագույն արդյունքները:

• Հավելվածներ բարձր կատարողականության պահանջներով և հաճախ, մանրակրկիտ փոփոխություններով DOM-ում:
• Հիշողության սահմանափակ ռեսուրսներով համակարգեր:
• Գրադարաններ, որոնք նախատեսված են այլ ֆրեյմվորկների կամ գրադարանների մեջ ներդնելու համար (քանի որ այն չի պահանջում իր սեփական կյանքի ցիկլը և վիճակը):

Կարևոր է նշել, որ ընտրությունը Ինքմենտալ և Վիրտուալ DOM-ի միջև կախված է կոնկրետ նախագծի պահանջներից և օգտագործման սցենարներից: Վիրտուալ DOM-ը նույնպես ունի իր առավելությունները, հատկապես երբ փոփոխությունները հազվադեպ են, բայց կարևոր:

• Ֆազա diffing-ը թույլ է տալիս նվազեցնել իրական DOM-ի հետ անմիջական շփումը, ինչը մեծացնում է արդյունավետությունը:

Այսպիսով, ընտրությունը պետք է հիմնվի ձեր հավելվածի հատուկ պահանջների վրա և օգտագործման սցենարների վրա։