JavaScript

Введение в анимацию на веб-сайтах: основы CSS и JS анимации

Анимация играет важную роль в веб-дизайне, делая интерфейсы более динамичными и привлекательными. В это введение мы рассмотрим основы создания анимаций с использованием CSS и JavaScript.

Основы CSS анимации

CSS позволяет создавать простые анимации без использования JavaScript. Существует два основных способа создания анимации с помощью CSS: transition и keyframes.

JavaScript: Проверка ширины экрана

Небольшой пост-памятка, как проверить разрешение экрана пользователя.

Естественно все уже продумано за нас и выполняется стандартными средствами:

А тек-же пример функции которая будет запускаться каждый раз, когда заданное разрешение медиа запроса достигнуто

Ajax с точки зрения jquery

Jquery – одна из популярных Javascript библиотек. Она достаточно хорошо ориентирована для разработки ajax-приложений. При этом код получается очень компактным.
Я рассмотрю 3 подхода из множества возможных:
1. Стандартный, через $.post и $.get
2. Загрузка данных в элемент через $.load
3. Подгрузка скрипта с сервера с помощью getScript.

Установка nodejs npm и vue-cli в Ubuntu 18.10

JavaScript: методы имитации и события html форм

Для формы и различных ее элементов определен ряд специфических событий. С этими событиями связаны методы – имитаторы событий.

Событие HTML-атрибут
(не рекомендовано)
Поддерживающие элементы форм Описание Метод
имитации

focus

onFocus

практически все  * 

Получение элементом фокуса (щелчок мышью на элементе или очередное нажатие клавиши табуляции)

focus()

blur

onBlur

практически все

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

blur()

change

onChange

практически все

Изменение значений элемента формы. Возникает после изменения значения элемента и последующей потери фокуса, т.е. после события blur

select

onSelect

input, textarea

Выделение текста в текущем элементе

select()

submit

onSubmit

form

Отправка данных формы (щелчок по кнопке типа submit или нажатие на Enter)

submit()

reset

onReset

form

Сброс данных формы (щелчок по кнопке типа reset)

reset()

Javascript: Функции, параметры и аргументы функций

Именованные функции (FunctionDeclaration)