От автора: современные веб-приложения сильно загружены изображениями. Они составляют львиную долю загружаемых байтов. Оптимизируя их, вы можете лучше использовать их производительность. Если вы используете в качестве фоновых изображений геометрические фигуры, то есть альтернатива. Вы можете использовать CSS Paint API для программного создания фонов. В этом руководстве мы рассмотрим возможности CSS Paint API и то, как мы можем использовать его для ...
Читать далее »Архив меток: JavaScript
Эффект анимации прокрутки Apple
От автора: Apple хорошо известна своей стильной анимацией на страницах товаров. Например, когда вы прокручиваете страницу вниз, товары могут разворачиваться, MacBook открываются и переходит в iPhone, демонстрируя аппаратное обеспечение и рассказывая интерактивные истории о том, как использовать товары. Многие эффекты, которые вы видите, созданы не только в HTML и CSS. В чем же спросите вы? Ну, это может быть немного ...
Читать далее »Функции JavaScript, которые можно забыть
От автора: первая демонстрация языка, который должен был стать JavaScript, состоялась почти 25 лет назад. Язык был выпущен, как LiveScirpt, в бета-версии Netscape Navigator осенью 1995 года и переименован в JavaScript в том же году. В конце того же года я начал работу над первым изданием JavaScript («Бета-версия»), которое О’Рейли опубликовал как «бета-версию», и она вышла в августе 1996 года, ...
Читать далее »JavaScript-рендеринг и проблемы для SEO в 2020 году
От автора: за последние три года, работая в команде SEO в Croud, Нью-Йорк, 60% наших клиентов прошли через определенную форму миграции. Еще ~ 30% перешли с или на SPA (одностраничное приложение), часто используя AJAX (асинхронный Javascript и XML) фреймворк в различной степени. Любой, кто работает в сфере корпоративного SEO в 2020 году, в какой-то момент столкнется с этим сценарием веб-архитектуры ...
Читать далее »Как на самом деле в JavaScript работают операторы && и ||
От автора: в данной статье мы попробуем разобраться с тем, как на самом деле в JavaScript работают операторы && и ||. И (&&) и или (||) являются логическими операторами JavaScript. Обычно вы используете эти операторы для логических значений: true && true // => true true && false // => false true || true // => true true || false // ...
Читать далее »Действительно классное новое исследование CSS-in-JS
От автора: сегодня мы рассмотрим Compiled и его пакет @compiled/css-in-js. Он предназначен для того, чтобы предоставить знакомый опыт создания CSS-in-JS без затрат времени выполнения. Этот пример представлен на веб-сайте Compiled: import { styled } from '@compiled/css-in-js'; export const ColoredText = styled.span` color: #ff5630; `; Во время установки Compiled вы добавляете плагин Babel, который называется @compiled/babel-plugin-css-in-js. Когда вы создаете проект, этот ...
Читать далее »Предварительный просмотр содержимого ссылок с React, Vue и JavaScript
От автора: я люблю не только вести блог, но и читать блоги! Традиционно, когда блогеры излагают некоторые научные факты или ссылаются на другие посты, они должны добавить ссылку на источники. Вопрос для читателей: стоит ли прекратить читать пост и перейти к чтению источника сейчас? Потому что в посте у нас может быть до 10 ссылок на разные источники. Что нам ...
Читать далее »Рекомендации по оптимизации производительности JavaScript
От автора: как и любая программа, программа на JavaScript может работать медленно, если мы не будем осторожны с написанием кода. В этой статье мы рассмотрим некоторые рекомендации по написанию быстрых программ на JavaScript. Уменьшите количество манипуляций с DOM с помощью хост-объектов и браузера пользователя Манипуляции с DOM медленные. Чем больше мы это делаем, тем медленнее все будет. Поскольку манипулирование DOM ...
Читать далее »7 основных концепций JavaScript в простом изложении
От автора: я решила собрать 7 основных концепций, которые я часто разъясняю новым разработчикам. Я надеюсь, что вы найдете это полезными в своем стремлении стать лучшим профессионалом.. 1. Неизменность, мутация, изменчивость Когда форма ваших данных не меняется. Итак, если у вас есть объект, который входит в функцию, он выходит из нее в точно такой же форме. Прилагаемые к нему данные ...
Читать далее »Параметры по умолчанию в JavaScript
От автора: в ECMAScript 2015, в JavaScript были введены параметры функций по умолчанию. Это позволяет разработчикам инициализировать функцию со значениями по умолчанию, если аргументы не передаются в вызов функции. Таким образом, инициализация параметров функции сделает функции более легкими для чтения и менее подверженными ошибкам, а также обеспечит для функций поведение по умолчанию. Это поможет вам избежать ошибок, связанных с передачей ...
Читать далее »