Это 15-й день из 100 дней конкурса Miva по кодированию, который пролетел очень быстро, но помог мне значительно улучшить мои навыки HTML, CSS и JavaScript.
Сегодня я изучил две концепции JavaScript. Отображение свойств объекта и событий JavaScript. Они очень важны для добавления данных, а также для поддержания отзывчивости и интерактивности веб-страниц.
Отображение свойств объекта
Как я уже говорил ранее, объекты используются для создания блоков данных, содержащих данные разных типов, связанных друг с другом или с конкретным предметом; записано в формате пары ключ-значение.
Отображение этих свойств имеет разные методы, с помощью которых этого можно достичь. Во-первых, они могут отображаться в виде строк, свойства которых объединяются с помощью оператора сложения.
Их можно отображать в виде цикла, выбирающего каждую пару ключей и значений, пока объект не будет исчерпан.
Их также можно отобразить в формате массива с помощью метода Object.values().
Наконец, их можно отобразить с помощью метода JSON.stringify(), который отображает их с использованием нотации JSON.
События JavaScript
События — это действия, которые происходят на веб-странице из-за действий или ввода браузера или пользователя. Такие действия, как нажатие кнопки, загрузка веб-страницы, изменение размера страницы и т. д., называются событиями. Код JavaScript может использоваться для вызова определенных реакций при возникновении таких действий.
Например, одним нажатием кнопки можно использовать код JavaScript для отображения времени и даты в реальном времени, а не статического отображения с помощью HTML и CSS.
Код JavaScript также можно использовать для изменения содержимого определенного элемента при выполнении над ним действия.
Функции также могут вызываться и выполняться в случае возникновения события.
Концепция событий JavaScript имеет решающее значение для обеспечения отзывчивости и интерактивности веб-страниц, поскольку их можно использовать для вызова реакций в реальном времени на действия на веб-страницах.
День 15 был чрезвычайно продуктивным и познавательным, и я планирую завтра узнать больше о событиях JavaScript!?
Исходные коды доступны здесь:
Отображение объекта: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)
События JavaScript: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)
Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.
Copyright© 2022 湘ICP备2022001581号-3