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

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

Drag and Drop с линейной интерполяцией в JavaScript

От автора: используйте линейную интерполяцию для создания плавного и эффективного UX перетаскивания с использованием vanilla JavaScript. Недавно я написал статью о реализации функции перетаскивания с использованием vanilla JavaScript. На этот раз я хочу применить линейную интерполяцию для логики перетаскивания, чтобы перетаскиваемый объект плавно «догонял» курсор / точку касания пользователя, а не сразу следовал за ним: Без линейной интерполяции С линейной ...

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

Работа с медиа-запросами JavaScript

От автора: что в первую очередь приходит в голову, когда вы думаете о медиа-запросах? Может быть, что-то в файле CSS. Что-то в файле CSS, что выглядит так: body { background-color: plum; } 
 @media (min-width: 768px) { body { background-color: tomato; } } Медиа-запросы CSS — ключевой компонент любого адаптивного дизайна. Это отличный способ применить разные стили к разным контекстам, ...

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

Шаблон PRPL: Решения для оптимизации современных веб-приложений

От автора: PRPL — это шаблон, используемый для создания масштабируемых, быстрых современных веб-приложений с отличным пользовательским интерфейсом. PRPL — это аббревиатура от: Push (или предварительно загрузите) самые важные ресурсы Сделайте начальный маршрут как можно быстрее Предварительно кешируйте оставшиеся активы Отложено загрузите другие маршруты и некритические ресурсы Архитектура PRPL была задумана командой Google Chrome, стремящейся сделать Интернет быстрее. PRPL — это ...

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

Вот более простая альтернатива Redux

От автора: шаблон «Контейнер» — это концепция, представленная в библиотеке Unstated-Next. В шаблоне состояние рассматривается как множество «Контейнеров», которые содержат модульную часть глобального состояния приложения. Чтобы обеспечить это состояние, вы создаете контекст в приложении, затем вы можете получить к нему доступ через хуки. По сравнению с чем-то вроде Redux, шаблон Контейнера предлагает способ управления состоянием, ориентированный на хуки. Его легче ...

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

5 лучших практик чистого кодирования на JavaScript

От автора: «Даже плохой код может работать. Но если код не чист, он может поставить на колени компанию-разработчика». — Роберт С. Мартин (дядя Боб). Чистое кодирование означает, что вы пишете код для себя и своих коллег, а не для машины. Ваш код должен быть легко понятным для людей. Вот некоторые из правил чистого кодирования, которым я следую при написании кода ...

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

Производительность загрузки страницы с методами загрузки скриптов

От автора: когда вы думаете об улучшении производительности загрузки страницы, вы пытаетесь оптимизировать внутренний код, соединения с базой данных и так далее. Но один из самых простых способов повысить скорость загрузки страницы — это внести небольшие изменения в способ загрузки JavaScript с помощью тега script на HTML-странице. Проблема с обычным способом загрузки JavaScript Когда вы загружаете JavaScript на HTML-страницу, вы ...

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

Интересное объяснение async / await в JavaScript

От автора: в JavaScript вы можете кодировать асинхронные задачи тремя способами. Давайте посмотрим на эти варианты. Первый подход — использование обратных вызовов. Когда асинхронная операция была завершена, выполняется функция обратного вызова (то есть вызовите меня, когда операция будет завершена): const callbackFunction = result = { // Called when the operation completes }; asyncOperation(params, callbackFunction); Но когда вы обрабатываете несколько асинхронных ...

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

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

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

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

Несбывшиеся надежды веб-компонентов

Перевод статьи The failed promise of Web Components с сайта lea.verou.me, опубликован на CSS-live.ru с разрешения автора — Лии Веру Веб-компоненты обещали так много новых возможностей для HTML, с ними веб-разработка должна была стать намного доступнее для непрограммистов и легче для программистов. Помните тот восторг от каждого новёхонького HTML-элемента, который реально что-то делал? Помните, как было здорово, когда стало можно ...

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

Рекомендации по отладке Javascript

От автора: отладка непроста. Это умение, которым должен овладеть каждый разработчик. Разработчики всегда склонны к ошибкам при написании кода. Мы не можем полностью устранить ошибки, но мы можем научиться решать их разумным способом. В этой статье мы рассмотрим способы отладки кода Javascript. Хорошо то, что все современные браузеры поставляются со встроенным отладчиком JavaScript. Лучшие практики Лучше не допускать, чтобы наш ...

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