Публикации по теме frontend

Публикации по теме 'frontend'

Компоненты класса против. Функциональные компоненты в ReactJS

⚡Введение В React есть два способа написания компонента React. Функциональные компоненты и компоненты класса. В настоящее время чаще всего используются функциональные компоненты. Эта статья поможет вам понять реальную разницу между компонентами класса и функциональными компонентами в React Js. Что такое компоненты в React? Компонент — это один из основных строительных блоков React. Другими словами, мы можем сказать, что каждое приложение, которое вы будете разрабатывать в..

Прототип Javascript: внутренняя работа объектов

Прототип Javascript: первый подробный взгляд на объекты Прототип — это атрибут, который содержится в каждом объекте в javascript (если объект не создан с использованием Object.create(null) ), однако его внутренняя работа известна очень немногим. Понимание того, как назначается атрибут прототипа, является важной концепцией, с помощью которой можно применять наследование в javascript. Прежде чем понять прототип, вы должны знать некоторые основные принципы и использование объектов ...

Как оптимизировать код CSS / JAVASCRIPT?

Вступление Современные браузеры - очень сложные системы. Они проделывают большую работу перед преобразованием HTML / CSS и JAVASCRIPT в интерактивные страницы. В этой статье мы познакомимся с некоторыми приемами, которые помогут ускорить работу нашего веб-приложения в браузере. Содержание основано на разделе «Производительность рендеринга» статьи по основам Интернета на сайте developers.google.com. Если вы хотите углубиться в подробности, вы найдете ссылку на исходный документ в..

Как практиковать Javascript?

Эта статья была первоначально опубликована на https://www.blog.duomly.com/how-to-practice-javascript/ Оглавление: Введение в Как практиковать Javascript? 1. Создание проектов Javascript Проекты: 2. Улучшить существующие проекты 3. Завершите испытания кода 4. Присоединяйтесь к проекту с открытым исходным кодом 5. Присоединяйтесь к сообществу программистов 6. Поделитесь своим путешествием по изучению Javascript с другими 7. Пишите статьи о..

TourManager — Интерактивный интерфейс с Vanilla JS и Vanilla CSS

TourManager — это одностраничное приложение, которое я разработал для Flatiron School для нашего модуля Javascript. Это приложение, которое я на самом деле придумал и разработал в фургоне во время моего первого тура после пандемии. У нашего тур-менеджера был обычный день в туре: перепроверка времени загрузки, электронная почта промоутеров, подсчет общего количества товаров и, как правило, занятость множеством различных приложений. Я заметил неэффективность и разочарование от..

Angular Router Animations: хитрости

Большинство статей и руководств по этой теме охватывают один и тот же простой сценарий. Этот другой. Какой пример я имею в виду? Тот, в котором приложение: маршруты между разными компонентами (например, с HomeComponent на ContactComponent до SettingsComponent ) и анимируется только в одном направлении, например: В этой статье наш пример сможет обрабатывать изменения параметра маршрута и будет качать левую и правую анимацию 💪. Так что пристегнитесь, мы поговорим о..

Сделайте HTTP-запрос в JavaScript с помощью XMLHttpRequest (XHR)

Объекты XMLHttpRequest или то, что мы называем (XHR), используются для взаимодействия с серверами. Это позволяет веб-странице обновлять только часть страницы, не нарушая того, что делает пользователь. некоторые из самых ранних экземпляров этого типа запросов использовались в почтовом ящике Gmail. Это работало каждые 20–30 секунд, новый запрос отправлялся, чтобы узнать, есть ли у вас новая почта. Было довольно революционно видеть обновленное электронное письмо без необходимости..