Рубрика: JavaScript

Уроки JavaScript – Все, что нужно знать о переменных

Одной из самых основных и фундаментальных концепций любого языка программирования является возможность хранения значений, которые позднее можно многократно использовать. Такие значения в программировании называются переменными. В сегодняшнем уроке мы рассмотрим переменные в JavaScript. В этом языке программирования для объявления переменных используются три зарезервированных ключевых слова: var, let или const.   Вы можете свободно использовать каждый из этих видов переменных, поскольку все они «нетипизированные», — т.е., это означает, что переменная может содержать значение любого типа данных....

Детальное описание техники ленивой загрузки изображений (Lazy Load)

Ленивая (или отложенная) загрузка картинок – это популярный метод асинхронного обращения к адресу изображения, по мере необходимости его загрузки, а не сразу после того, как HTML страницы был проанализирован браузером. Вы, скорее всего, уже видели эту реализацию в действии, поскольку этот метод используется на многих популярных сайтах. Сегодня невозможно представить себе Интернет без картинок и видео. Мы все привыкли к этому. Плюс, если на странице сайта нет каких-то графических элементов, нам тяжелее будет уловить смысл...

Уроки JavaScript – примеры использования случайности

В JavaScript довольно часто нужно использовать случайность или случайное поведение. Самым простым примером будет получение случайного числа для проведения жеребьевки. Или, например, представить возможный результат броска монеты. Но существует много разных видов случайности, и для различных приложений нужно подбирать свой вид случайного результата.   Самая простая случайность Простейшей формой случайности, которая встроена в JavaScript, является функция Math.random(). Чтобы увидеть ее в действии, наберите в консоли браузера (вызов консоли Ctrl+Shift+I) функцию: Math.random(); //0.2735944957535754 – пример результата...

Что такое ключевое слово this в JavaScript

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

Знак доллара ($) и знак подчеркивания (_) в JavaScript

Знак доллара ($) и символ подчеркивания (_) являются идентификаторами в JavaScript, что означает, что они идентифицируют объект так же, как и его имя. Идентифицируемые ими объекты включают такие вещи, как переменные, функции, свойства, события и объекты. По этой причине эти символы не обрабатываются так же, как другие специальные символы. Вместо этого JavaScript обрабатывает $ и _ так, как если бы они были буквами алфавита. Идентификатор JavaScript (или просто имя для любого объекта) должен начинаться с...

Как отключить на странице клик правой кнопкой мыши с помощью JavaScript

Это делается очень легко и просто, хотя и не является панацеей. Новички часто считают, что блокируя вызов посетителями контекстного меню с помощью клика правой кнопкой мыши, они могут предотвратить кражу содержимого их веб-страницы. Но, это не совсем так. Отключение клика правой кнопки мыши легко обходится более опытными пользователями, а доступ к большей части кода страницы вообще не требует клика правой кнопкой мыши. Доступ к контекстному меню также можно получить и с помощью клавиатуры. На клавиатуре...

JavaScript функции DOM, о которых вы не знали

Очень важно в процессе программирования использовать функции DOM и Web API, которые работают во всех современных браузерах и без каких-либо зависимостей. В сегодняшней статье мы рассмотрим малоизвестные функции DOM, у которых сильная поддержка в браузерах. Эти методы и свойства будут хорошо работать с любым набором инструментов, который вы будете использовать в своих проектах.     Вы наверняка использовали addEventListener(), чтобы привязывать события к элементам в документе. Обычно вызов addEventListener() выглядит примерно так: <script> element.addEventListener('click', doSomething,...

Уроки JavaScript – ознакомление с классами (часть 2)

Классы в JavaScript позволяют писать более чистый и читабельный код. Сегодняшняя статья продолжает тему классов в JavaScript, и в ней речь пойдет о таких понятиях, как поля классов, методы доступа геттеры и сеттеры. Это позволит вам улучшить свои навыки программирования и стать более продвинутым JavaScript разработчиком. Предыдущая статья цикла: Ознакомление с классами в JavaScript (часть 1)     JavaScript классы и поля классов Вы помните конструктор класса из предыдущего урока? Хорошей новостью является то, что...

Уроки JavaScript – ознакомление с классами (часть 1)

Классы в JavaScript являются одной из самых популярных функций, и сегодня мы сделаем их краткий обзор. Мы рассмотрим такие части и концепции, как конструктор, свойства и методы класса, наследование, суперклассы и подклассы, а также способы переопределения свойств и методов конструктора и класса.     Создание объектов по-старому (с помощью конструкторов функций) Как разработчики создавали объекты до введения классов в JavaScript? Они использовали конструкторы функций. Затем, когда нужно было добавить некоторые свойства или методы к объекту,...

Краткое описание объектно-ориентированного программирования (ООП) в JavaScript

Объектно-ориентированное программирование – это популярный стиль программирования, который был внедрен в JavaScript на самых ранних этапах. Сейчас многие встроенные функции и методы JavaScript написаны в объектно-ориентированном стиле. Объектно-ориентированное программирование в JavaScript сильно отличается от объектно-ориентированного программирования в других языках. И в сегодняшней статье мы вкратце рассмотрим основы объектно-ориентированного программирования (ООП) в JavaScript.     Что такое объектно-ориентированное программирование в JavaScript Объектно-ориентированное программирование – это две составляющие: создание отдельных объектов из общего объекта и наследование. В...

Уроки JavaScript – не работают события jQuery после AJAX загрузки

Если вы используете AJAX на своем сайте, имейте в виду, что такие события, как клик (click), отправка (submit), наведение (hover), могут не работать, если вы не прикрепите их правильно. В сегодняшней статье мы рассмотрим практическое решение проблемы, когда не срабатывают события в jQuery после динамического изменения страницы (или AJAX).     Описание задачи Допустим, у нас есть блоки с заголовком и скрытым контентом в теге <p>. По клику на заголовке, скрытый контент показывается/прячется с помощью...

Уроки JavaScript – Шпаргалка по регулярным выражениям

В сегодняшней статье мы рассмотрим регулярные выражения в JavaScript, а также увидим практические примеры использования регулярных выражений в JavaScript скриптах. Регулярные выражения бывают довольно полезными, и их можно использовать практически во всех своих скриптах. Но, для этого нужна практика, поэтому ниже представлены основные примеры регулярных выражений, которые помогут вам в этом.     Шпаргалка регулярных выражений в JavaScript   Сокращенная запись поиска символов let regex; regex = /\d/;  //соответствует любой цифре regex = /\D/;  //соответствует...

Уроки JavaScript – строгий режим (strict-mode)

Когда разработчик пишет скрипты в строгом режиме, это облегчает ему создание «безопасного» JavaScript. По умолчанию JavaScript позволяет программисту писать код немного небрежно, например, не объявлять переменные с помощью var при первом их появлении. Хотя это может показаться удобным для некоторых разработчиков, такой подход может быть причиной многих ошибок, когда имя переменной написано с ошибкой или случайно указано вне ее области действия. Программисты любят заставлять компьютер делать за них скучные вещи и автоматически проверять их работу...

Уроки JavaScript – как получить текущую дату и время

Одной из самых интересных вещей в JavaScript является получение доступа к дате и времени, и дальнейшая работа с ними. На самом деле это очень легко, и в сегодняшней статье мы рассмотрим этот процесс очень детально. В JavaScript уже есть встроенный объект, который получает дату и время – все, что вам нужно сделать, это просто использовать его!     Объект даты Date() в JavaScript Чтобы использовать этот объект даты, вы должны сначала создать его экземпляр. Для...

Уроки JavaScript – ознакомление с функцией console.log()

Когда вы пишете приложение на JavaScript, очень полезно использовать отладчик (или дебаггер, от англ. debugger), т.е., программу, которая предназначена для поиска ошибок в других программах. Все браузеры поставляются с подобной программой, которая выполняет функции отладчика, — речь идет о Консоли (Console). Здесь вы найдете все ошибки, которые возникают при взаимодействии браузера с сайтом. Например, здесь вы можете увидеть недоступные ресурсы сайта (которые возвращают 404 ошибку), ошибки в JavaScript коде и массу других полезных данных. Кроме...