Загрузка...
Пример javascript кода для предпросмотра загружаемой на сервер картинки
Предпросмотр картинки перед загрузкой на сервер
Создание и использование JavaScript-декораторов
Декораторы — это функции, которые изменяют другие функции. Декораторы могут быть полезны для применения одинаковых изменений к нескольким функциям.
Flip counter
Flip.js продвинутый плагин отсчета времени. Очень простые настройки, удивительно гибок и прекрасно анимирован.
5 приёмов ленивой загрузки изображений
повышение производительности веб-страницы, примеры lazy load (отложенная загрузка) для картинок
DOM Events — прохождение событий
Возникновение, фазы прохождения (capturing, target, bubbling), свойства (target, currentTarget) и методы (stopPropagation, stopImmediatePropagation) событий DOM.
Page Visibility API и активность вкладки браузера
Практическое использование Page Visibility API: определение активности вкладки браузера. Свойство document.visibilityState, событие visibilitychange.
CSS: max-width с разными единицами измерения
Примеры применения различных CSS единиц измерения длины для обозначения максимальной ширины контейнера.
CSS: современный способ оформления скроллбаров
настройка полосы прокрутки, цвет scrollbar и стилизация скроллбара
Всё, что нужно знать про inputmode
атрибут inputmode подсказывает, какой набор кнопок экранной клавиатуры предложить пользователю для удобства ввода в зависимости от типа input: none, numeric, tel, decimal, email, url, search
Шахматы на Javascript
Этот шахматный движок/алгоритм реализован только с использованием vanilla JS, HTML и CSS.
RxJS и реактивное программирование в JavaScript
RxJS — это библиотека Javascript для решения асинхронных задач. Базовая концепция реактивного программирования: stream, observable и observer.
Fetch API в Javascript
Fetch API используется для выполнения асинхронных запросов. Метод fetch() возвращает Promise, поэтому ответы API нужно обрабатывать с использованием then() и catch().
Фиксирующаяся при скролле панель навигации, только CSS
Как при прокрутке закрепить панель навигации только с помощью CSS и не скроллить ее вместе с контентом: position: sticky и scroll-margin-top
Поле ввода с автозаполнением, только HTML
Как сделать поле ввода с автозаполнением (autocomplete, автокомплит) с применением только HTML. Элемент datalist.
Приведение многомерного массива к одномерному
Способы преобразования многомерного массива (произвольной глубины, n-уровней) в одномерный.
Способы клонирования Object в JavaScript
С использованием ES6, js-библиотек, JSON.parse/stringify и нативных javascript-методов
Примеры деструктуризации Object или Array в Javascript
Деструктурирующее присваивание в выражениях JavaScript позволяет извлекать данные из массивов или объектов при помощи синтаксиса, подобного объявлению массива или литералов в объекте.
Как получить длину JavaScript-объекта
В отличие от массивов и строк, объекты не имеют предопределенного свойства, которое возвращает их длину. Несколько способов получить длину Object в Javascript.
Javascript: вычисление расстояния между двумя точками на поверхности Земли
Расчёт расстояния между точками на поверхности Земли по их координатам с помощью Javascript
Когда в CSS использовать rem, em, px, или что-то другое
Использование только пикселей для CSS-размеров шрифта, контейнеров, отступов, позиционирования и пр. — путь простой, но тупиковый. Когда и какие единицы измерения лучше использовать