Объекты в JavaScript. Часть 2

Объекты в JavaScript. Часть 2

От автора: приветствую вас, друзья. В этой статье мы с вами продолжим знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?

Напомню, в предыдущей статье мы с вами узнали, как можно создавать объекты и добавлять в них свойства. Также мы теперь знаем, как обратиться к тому или иному свойству объекта и получить его значение. Теперь давайте более детально поработаем со свойствами объектов.

В свойство объекта можно сохранить любое значение, хоть строку, хоть число. И свойств у объекта может быть сколь угодно много. Поскольку в объект можно добавлять свойства динамически, то в определенный момент работы программы нам может понадобиться проверить, а есть ли в объекте то или иное свойство. Сделать это можно двумя способами.

Способ №1

Читать далее «Объекты в JavaScript. Часть 2»

Объекты в JavaScript. Часть 1

От автора: приветствую вас, друзья. В этой статье мы с вами начнем знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?

Если вы не забыли, то переменную мы с вами сравнивали с ящиком, в который можно положить что угодно, некое значение, но… только одно единственное значение. В любой момент мы можем изменить это значение, но, опять же, это будет все то же единственное значение.

В отличие от обычной переменной, объект можно сравнить с каталогом ящиков, в каждом из которых лежит что-то свое. Каждый ящик подписан и мы легко можем достать из него нужное значение.

Как и в случае с переменной, мы легко можем получить доступ к значению по имени переменной, по названию ящика, в котором находится нужная вещь.

Читать далее «Объекты в JavaScript. Часть 1»

Топ плагинов jQuery. Плагин jQuery Cookie

Топ плагинов jQuery. Плагин jQuery Cookie

От автора: приветствую вас, друзья. Продолжаем знакомиться с коллекцией ТОП плагинов jQuery. Сегодня мы познакомимся с практически незаменимым плагином для большинства сайтов. Речь идет о плагине jQuery Cookie. Как вы уже догадались из названия, задача плагина — работа с куками.

Задача хранения пользовательских настроек и работы с ними встает перед нами в любом мало-мальски серьезном проекте. Например, классическая задача представления товаров в интернет-магазине в виде списка или в табличном виде. Пользователь волен выбрать наиболее удобный для него способ представления, ну а мы должны запомнить его и не забыть показать в удобном виде как в пределах текущего сеанса, так и при следующем обращении к сайту.

Читать далее «Топ плагинов jQuery. Плагин jQuery Cookie»

Как создать сайт с безсерверной CMS на Vue.js

vue img

От автора:сегодня мы поговорим о создании с помощью Vue js CMS. Vue.js – это прогрессивный фреймворк для создания UI, набирающий популярность среди разработчиков. Но зачем нам еще один JS фреймворк? Vue написан на опыте Angular и React, многие считают, что он проще в реализации и понимании.

Введение

Vue.js мало весит и легко принимается. Он реактивный и состоит из компонентов, что позволяет создавать подключаемые компоненты, которые можно добавлять в любой проект. Что важнее для этого урока, Vue со своей отличительной и постепенной адаптируемостью можно использовать, не подвергая риску существующий код.

Читать далее «Как создать сайт с безсерверной CMS на Vue.js»

CSS: новый вид JavaScript

От автора: как и для чего использовать в JavaScript CSS? Те, кто знаком с веб-платформой, хорошо разбираются в ее двух дополнительных технологиях: HTML для документов и их структуры, а также JavaScript для взаимодействия и стилизации.

Раньше

До тех пор, пока кто-либо помнит, стилизация документов — влияющая на их внешний вид — была упрощена с помощью JavaScript свойства style, которое существует для любого поддерживающего узла DOM.

node.style.color='red';

До появления стилизации API, авторы HTML должны были писать атрибуты style в DOM вручную, что препятствовало процессу редактирования.В сочетании с механизмом выбора узлов JavaScript мы можем одновременно создавать несколько элементов. В следующем примере все p узлы имеют красный цвет текста.

const nodes=document.querySelectorAll('p');
Array.prototype.forEach.call(nodes,node=>{
  node.style.color='red';
});
Читать далее «CSS: новый вид JavaScript»
") //-->

Статистика

Метки

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять