Поиск по блогу

JavaScript. Контекст вызова функции

В JavaScript this — это текущий контекст исполнения функции, он определяется в момент вызова. Функцию можно вызвать четырьмя способами и каждый из них определяет свой контекст. Кроме того, режим strict также влияет на контекст исполнения. Рассмотрим каждый способ и посмотрим, на что будет указывать this.

Расширение Debugger for Chrome для VS Code

Расширение предназначено для отладки js-кода в редакторе VS Code с использованием Chrome DevTools протокола. Это альтернатива тому, чтобы отлаживать js-код в панели разработчика браузера Chrome. Для начала работы нужно установить это расширение в разделе плагинов.

JavaScript. Что такое модули

Давайте для начала рассмотрим простой пример, а потом немного усложним, чтобы в итоге получить модуль. Мы объявили приватные переменные something и another, а также пару внутренних функций doSomething() и doAnother(). Обе имеют лексическую область видимости (а следовательно, и замыкание) над внутренней областью видимости foo().

JavaScript. Замыкание области видимости

Замыкание — способность функции запоминать свою лексическую область видимости и обращаться к ней даже тогда, когда функция выполняется вне своей лексической области видимости. Функция поддерживает ссылку на область видимости, в которой была изначально объявлена — и при каждом ее выполнении будет задействована эта ссылка.

Расширение Live Server для VS Code

Плагин Live Server для VS Code позволяет перезагружать страницу после внесения измений в js, css, html код. Для установки надо перейти в раздел плагинов, набрать в поисковой строке «Live Server» и нажать кнопку «Установить». Теперь в правом нижнем углу есть кнопка «Go Live», которая запускает сервер.
Категория: Web-разработкаHTML и CSS

CSS-переходы и CSS-анимации

Для html-элемента нужно указать, какое css-свойство должно быть анимировано, и как оно должно быть анимировано. А когда свойство меняется, браузер сам обработает это изменение и отрисует анимацию. Другими словами, для запуска css-перехода — нужно просто изменить свойство, а дальше браузер все сделает сам.
Категория: Web-разработкаHTML и CSS

JavaScript. Навигация по DOM-элементам

DOM позволяет нам делать что угодно с элементами и их содержимым, но для начала нужно получить соответствующий DOM-объект. Все операции с DOM начинаются с объекта document, это главная «точка входа» в DOM. Из него можно получить доступ к любому узлу документа. Самый верхний узел документа — document.documentElement…

JavaScript. Остаточные параметры и оператор расширения

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

JavaScript. Деструктурирующее присваивание

Деструктурирующее присваивание — это специальный синтаксис, который позволяет нам «распаковать» массивы или объекты в кучу переменных, так как иногда они более удобны. Деструктуризацию удобно использовать со сложными функциями, которые имеют много параметров, значений по умолчанию и так далее.

Видеокурс «Практический JavaScript», часть третья

Во третьей части будем дорабатывать третий проект. У нас есть «голая» верстка, но нет еще js-кода, который бы оживил страницу. В проекте есть две страницы index.html и modules.html, каждая страница представляет из себя набор блоков. Страница index.html должна быть реализована в виде большого слайдера…
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.