Bereaksi & DOM Virtual
Pertama, Domain-Object-Model (DOM) adalah representasi yang diuraikan oleh browser yang terdiri dari struktur dan konten dokumen. Ini adalah antarmuka pemrograman untuk dokumen HTML atau XML yang memungkinkan program untuk mengubah gaya, konten, dan struktur dokumen. DOM bertindak sebagai struktur data langsung dan ketika dimodifikasi itu mencerminkan perubahan itu di layar.
Halaman web adalah dokumen yang dapat ditampilkan sebagai sumber HTML atau di jendela browser - meskipun tampak berbeda - mereka adalah dokumen yang sama. DOM mewakili dokumen ini di browser sebagai objek dan simpul dan memungkinkan manipulasi waktu nyata dengan mengizinkan bahasa pemrograman mengakses objek dan simpul ini. Tanpa DOM, JavaScript tidak akan memiliki notasi halaman web dan elemennya sehingga tidak ada cara untuk mengakses dan memanipulasi halaman web.
Manipulasi DOM adalah inti dari web interaktif modern. Namun, itu lambat. Dengan sebagian besar kerangka kerja JavaScript, DOM diperbarui lebih sering daripada yang diperlukan. Sekarang, mari kita bicara DOM virtual. DOM virtual dipopulerkan oleh orang-orang yang membuat React (library JavaScript), dan merupakan salah satu konsep sentral yang membuat React begitu hebat.
Tanpa terlalu jauh ke dalamnya, React adalah pustaka JavaScript frontend yang digunakan untuk membangun UI web dan seluler. Ini memungkinkan pengembang untuk membangun komponen UI yang dapat digunakan kembali- yang merupakan fungsi atau kelas JavaScript yang dapat menerima input (alias properti atau properti) dan mengembalikan elemen React yang menjelaskan bagaimana bagian dari UI akan muncul. Komponen React dirender ulang ketika status internalnya berubah karena interaksi pengguna (mis. pengguna mengetik ke dalam bidang input) di browser atau jika menerima props (mis. komponen induk memiliki pembaruan status yang telah diteruskan turun sebagai penyangga untuk komponen anak).
Di React, ada objek DOM virtual yang sesuai untuk setiap objek DOM. Objek DOM virtual memiliki semua properti yang sama dengan objek di DOM asli, namun tidak dapat mengubah apa yang ada di layar sehingga membuatnya jauh lebih ringan. Ini seperti skema untuk DOM daripada bangunan fisik. DOM virtual adalah representasi dari DOM nyata . DOM virtual dibuat ketika elemen baru ditambahkan ke antarmuka pengguna (UI).
Tujuan dari DOM virtual ini adalah bahwa ketika perubahan ke elemen pemicu dalam browser merender ulang komponen, seluruh DOM virtual diperbarui- yang jauh lebih cepat daripada melakukannya di DOM nyata karena tidak ada yang benar-benar terwakili di -layar pada titik ini. Perbedaan (atau perbedaan) antara DOM virtual yang diperbarui dan DOM virtual pra-pembaruan dibandingkan- dan hanya objek DOM virtual dengan perbedaan yang diperbarui di DOM asli dan diwakili dalam browser. Ini berarti bahwa seluruh halaman web tidak perlu dirender ulang setiap kali terjadi perubahan - membuat proses lebih cepat.
Katakanlah React tidak memasukkan fungsionalitas DOM virtual - setiap kali suatu peristiwa dipicu atau status atau properti komponen apa pun diubah, seluruh DOM diperbarui. Ini berarti semua data diambil lagi (lambat) dan kemudian seluruh halaman web dirender ulang (lambat) dengan setiap perubahan. Berkat web DOM virtual dan pengguna aplikasi asli tidak perlu menunggu seluruh pohon DOM diperbarui setiap kali perubahan terjadi di browser.
Suggested posts
Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .
Pendahuluan Stroke adalah keadaan darurat medis yang dapat menyerang siapa saja kapan saja. Itu terjadi ketika aliran darah ke bagian otak terganggu, yang menyebabkan hilangnya fungsi otak secara tiba-tiba.
Sumber daya pengkodean saya yang paling sering digunakan
Minggu ini, saya menerima email dari anggota daftar email harian. Mereka ingin tahu: Sumber daya apa yang Anda kunjungi setiap hari, setiap minggu, dan setiap bulan? Pertanyaan bagus! Saya senang untuk mencoba membagikan beberapa wawasan tentang alur kerja saya & sumber daya teratas yang saya gunakan.
Related posts
Arsip Ancaman Itu: Vol 7 Black Basta
Di dunia yang saling terhubung saat ini, ancaman serangan dunia maya lebih umum dari sebelumnya. Penjahat dunia maya dan aktor negara terus-menerus berusaha mengeksploitasi kerentanan dan mencuri data berharga, yang menimbulkan risiko signifikan bagi organisasi dari semua ukuran.
Buku Pertama Seorang Anak tentang Menjadi Tinggi
(Peringatan- Ini Satire, dimaksudkan untuk Menjadi Gleefully Subversive- Jelas bukan untuk anak-anak) Anda pernah melihat ibu dan ayah Anda bersembunyi di dapur dan merokok rokok yang bau itu. Mereka memberi tahu Anda.
Belajar di Minggu Kerja lebih penting daripada yang Anda pikirkan
Kita sering menemukan diri kita berjuang untuk menerapkan apa yang kita tahu baik untuk kita. Dari memberi tahu orang penting bahwa kita mencintai mereka hingga mengingat untuk berbicara seperti bajak laut, akan selalu ada orang yang mengklaim bahwa acara sehari, seminggu, atau sebulan tidak diperlukan karena mereka sudah melakukan hal-hal itu.
Revolusi Tempat Kerja: Para Ahli Teratas Membahas Kerja Hibrid dan Jarak Jauh
Dalam lanskap bisnis yang berkembang pesat saat ini, konsep kerja hibrid dan jarak jauh telah mendapatkan momentum yang belum pernah terjadi sebelumnya. Saat perusahaan terus beradaptasi dengan perubahan kebutuhan dan harapan karyawan mereka, para ahli dari berbagai bidang berkumpul untuk membahas manfaat, tantangan, dan masa depan cara kerja transformatif ini.