Rumah >hujung hadapan web >tutorial js >hari Miva: Hari ke-15
Ini adalah hari ke-15 daripada 100 hari cabaran pengekodan Miva yang telah berlalu dengan pantas tetapi telah membantu saya meningkatkan secara besar-besaran dalam kemahiran HTML, CSS dan JavaScript saya.
Hari ini, saya belajar dua konsep dalam JavaScript. Memaparkan sifat objek dan Acara JavaScript. Mereka sangat penting dalam menambah data dan juga memastikan halaman web responsif dan interaktif.
Memaparkan Sifat Objek
Seperti yang saya bincangkan sebelum ini, objek digunakan untuk mencipta blok data yang mengandungi data jenis data berbeza yang berkaitan antara satu sama lain atau subjek tertentu; ditulis dalam format pasangan nilai kunci.
Memaparkan sifat ini mempunyai kaedah yang berbeza di mana ia boleh dicapai. Pertama, ia boleh dipaparkan sebagai rentetan di mana sifat-sifat tersebut digabungkan menggunakan pengendali penambahan.
Ia boleh dipaparkan sebagai gelung memilih setiap pasangan kunci dan nilai sehingga objek habis.
Ia juga boleh dipaparkan dalam format tatasusunan menggunakan kaedah Object.values().
Akhir sekali, ia boleh dipaparkan menggunakan kaedah JSON.stringify() yang memaparkannya menggunakan tatatanda JSON.
Acara JavaScript
Peristiwa ialah tindakan yang berlaku pada halaman web disebabkan oleh penyemak imbas atau tindakan atau input pengguna. Tindakan seperti butang diklik, memuatkan halaman web, saiz halaman dan sebagainya dikenali sebagai Acara. Kod JavaScript boleh digunakan untuk menyebabkan tindak balas tertentu apabila tindakan ini berlaku.
Sebagai contoh, dengan mengklik butang, kod JavaScript boleh digunakan untuk memaparkan masa dan tarikh dalam masa nyata berbanding paparan statik dengan HTML dan CSS.
Kod JavaScript juga boleh digunakan untuk menukar kandungan elemen tertentu apabila tindakan berlaku padanya.
Fungsi juga boleh dipanggil dan dilaksanakan sekiranya berlaku acara.
Konsep Acara JavaScript adalah penting untuk menjadikan halaman web responsif dan interaktif kerana ia boleh digunakan untuk mendorong tindak balas masa nyata terhadap tindakan pada halaman web.
Hari ke-15 sangat produktif dan mendidik dan saya bercadang untuk meneroka lebih banyak Acara JavaScript esok!?
Kod sumber tersedia di sini:
Paparan objek: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)
Acara JavaScript: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)
Atas ialah kandungan terperinci hari Miva: Hari ke-15. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!