dr.Brain

doctor Brain

мир глазами веб-разработчика

js

Dark mode для сайта

устанавливаем переключатель светлого и темного режимов для веб-сайта

dr.Brain

время чтения 3 мин.

Photo by Kenrick Mills on Unsplash

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

JavaScript: объединяем массивы

как объединить два массива с помощью метода .concat() или оператора расширения

dr.Brain

время чтения 2 мин.

Photo by matthew Feeney on Unsplash

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

gzipping или минификация?

для чего нужен gzipping и чем он отличается от минификации

dr.Brain

время чтения 3 мин.

Photo by Eric Parks on Unsplash

Подобно .zip, файлы формата .gzip являются архивными. В среднем, размер таких файлов на 70% меньше исходного. И это весьма неплохой показатель.

JavaScript: функции высшего порядка вместо циклов

почему вместо циклов нужно использовать функции высшего порядка: map, reduce, filter

dr.Brain

время чтения 3 мин.

Photo by Marc Schulte on Unsplash

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

Как обрезать картинку

Как обрезать изображение в соответствии с установленными пропорциями с помощью JavaScript

dr.Brain

время чтения 7 мин.

Photo by Bankim Desai on Unsplash

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

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.