Keywords
DOM
Virtual DOM
Performa DOM
How to Cite
Abstract
Aplikasi web yang modern menghabiskan banyak data. Model Objek Dokumen yang disebut DOM, adalah bagian penting dari membuat situs web interaktif. Ini merupakan antarmuka yang memungkinkan bahasa pemrograman untuk memanipulasi konten, struktur, dan gaya situs web. Dengan kata lain DOM merupakan standar cara mendapatkan, mengubah, menambah, atau menghapus elemen HTML halaman web. Merender elemen DOM dalam jumlah besar juga dapat mengakibatkan waktu muat yang lambat, kelambatan halaman, dan masalah kinerja lainnya. Virtual DOM adalah abstraksi dari HTML DOM. Lebih ringan dan terlepas dari detail implementasi khusus browser. Karena DOM itu sendiri sudah merupakan abstraksi, virtual DOM sebenarnya adalah abstraksi dari sebuah abstraksi. Virtual DOM adalah memori dan dapat dimanipulasi berkali-kali sebelum membuat perubahan pada DOM itu sendiri, inilah alasan mengapa bekerja dengan virtual DOM lebih efisien. Untuk melakukan analisis kinerja, sebuah eksperimen dilakukan di mana aplikasi web uji dibuat menggunakan kerangka kerja yang dipilih, membandingkan metrik terkait kinerja menggunakan google chrome dan firefox.
References
Kevin J. Theisen, Programming languages in chemistry: a review of HTML5/JavaScript, Journal of Cheminformatics, pp. 1-19. DOI: https://doi.org/10.1186/s13321-019-0331-1
Welcome to Ecma International. https ://www.ecma-international.org. Accessed 27/02/2021.
ECMAScript 2018 Language Specification. https://262.ecma-international.org/9.0/. Diakses 27/02/2021
HTML Canvas 2D Context. https://www.w3.org/TR/2dcontext/. Diakses 27/02/2021
WebGL Specifications. https://www.khronos.org/registry/webgl/specs/latest/. Diakses 27/02/2021
Node.js. https://nodejs.org/. Accessed 27/02/2021
ActionScript Technology Center. https://www.adobe.com/devnet/actionscript.html. Diakses 27/02/2021
Rhino M | MDN. https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Rhino. Diakses 27/02/2021
Oracle Nashorn: a next-generation javascript engine for the JVM. https://www.oracle.com/technetwork/articles/java/jf14-nashorn-2126515.html. Diakses 27/02/2021
MDN Web Docs. (2021). Introduction to the DOM. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction. Diakses 24/02/2021
Facebook. Why React?. facebook.github.io/react/docs/why-react.html. Diakses 24/0/2021
Ved Antani, et Al. Object-Oriented JavaScript 3rd edition. Packt Publisher. 2017
Dr. V. Sakhivel, et al. ,Comparative Analysis of Reactjs and Vuejs. in: International Journal of Future Generation Communication and Networking. 2020. pp. 3871-3880.
Sanchit Aggarwal, Modern Web-Development using ReactJS, in: International Journal of Recent Research Aspect, 2018, pp. 133-137
Mattias Levlin, 2020, DOM benchmark comparison of the front-end JavaScript frameworks React, Angular, Vue, and Svelte, Master Thesis in Computer Science. Abo Akademi University.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Copyright (c) 2021 Yanuangga Galahartlambang, Titik Khotiah, Jumain Jumain