Главная » Архив меток: JavaScript

Архив меток: JavaScript

Как создать динамический фон с помощью CSS Paint API

От автора: современные веб-приложения сильно загружены изображениями. Они составляют львиную долю загружаемых байтов. Оптимизируя их, вы можете лучше использовать их производительность. Если вы используете в качестве фоновых изображений геометрические фигуры, то есть альтернатива. Вы можете использовать CSS Paint API для программного создания фонов. В этом руководстве мы рассмотрим возможности CSS Paint API и то, как мы можем использовать его для ...

Читать далее »

Эффект анимации прокрутки 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 были введены параметры функций по умолчанию. Это позволяет разработчикам инициализировать функцию со значениями по умолчанию, если аргументы не передаются в вызов функции. Таким образом, инициализация параметров функции сделает функции более легкими для чтения и менее подверженными ошибкам, а также обеспечит для функций поведение по умолчанию. Это поможет вам избежать ошибок, связанных с передачей ...

Читать далее »