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

От автора: когда я впервые открыл для себя Material Design, меня особенно вдохновила его кнопка. Она использует эффект пульсации, чтобы дать пользователям обратную связь простым и элегантным способом. Как работает этот эффект? Кнопки Material Design не просто демонстрируют аккуратную анимацию пульсации, но и меняют положение в зависимости от того, где нажимается каждая кнопка. Мы можем добиться того же результата. Мы ...

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

От автора: в JavaScript есть 2 вида типов: примитивы (строки, логические значения, числа, символы) и объекты. Объекты — это сложные структуры данных. Самый простой объект в JavaScript — это простой объект — набор ключей и связанных значений: let myObject = { name: 'Eric Cartman' }; Но бывают ситуации, когда объект не может быть создан. Для таких случаев JavaScript предоставляет специальное ...

От автора: это краткое руководство по HTML Node охватывает 21 из самых популярных и широко используемых API в HTML Node DOM. Каждый разработчик должен иметь эти API под рукой, прежде чем браться за веб-фреймворки. Их освоение — лучший способ сформировать фундаментальное понимание того, когда и как использовать фреймворки. Давайте приступим. 1. getElementById(id) getElementById(id) возвращает экземпляр Node элемента по его атрибуту ...

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

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

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

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

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