Публикации по теме 'front-end-development'
5 шаблонов проектирования компонентов React, которые вы должны знать
React стал одной из самых популярных библиотек JavaScript для создания пользовательских интерфейсов. Одной из причин его популярности является его гибкость и бескомпромиссный характер. React предоставляет разработчикам свободу выбора того, как они хотят структурировать и разрабатывать свои приложения. Однако со временем в качестве общих решений повторяющихся проблем при разработке приложений React появились определенные шаблоны проектирования.
В этой статье мы рассмотрим 5 основных..
Angular: DI, сервисы и инжекторы
Как внедрение зависимостей работает с сервисами
Давайте поговорим о системе Dependency Injection в Angular, немного обсудим инжекторы и определимся со способами реализации сервис-провайдеров.
В документации Angular достаточно хорошо описана система инжекторов, но для полного понимания стоит уделить этому немного более подробное внимание.
Дополнительно следует отметить, как загружаются сервисы: сразу при загрузке приложения или по мере их использования?
Давайте посмотрим на схему..
Я потерял работу только из-за «циклической ценности объекта»
Опыт интервью, который сделал меня таким грустным.
Недавно моя подруга потеряла вакансию, которую ей очень нравилась, просто потому, что она не знала, как определить, является ли переменная объектом циклической ссылки.
Что меня разозлило, так это то, что интервьюер бесцеремонно сказал ей после окончания: "Ваша основа Javascript слишком плоха, вам не нужно продолжать интервью позже".
Какое ужасное интервью…
1. TypeError: циклическое значение объекта
Друзья мои, возможно вы..
Еженедельный дайджест Frontend № 68 (21–29 июля 2018 г.)
Веб-разработка
Доступные заголовки страниц в одностраничном приложении Умный путь к« минимальному полному стеку ». От простого SPA до многофункционального PWA. Изображения: • Преобразование изображений в WebP . Отрывок из электронной книги The WebP Manual • Иногда очень важны« размеры .» • Почему WebM превосходит GIF для видео (четкое сравнение) • 8 советов по оптимизации видео для ускорения загрузки Производительность: • Новости внешнего интерфейса..
.toISOString() возвращает время UTC
Это письмо предназначено только для документирования того, что я узнал.
Итак, я только что столкнулся со странной ошибкой в своем коде. Вот предыстория.
У меня есть функция, которая выбирает другие ресурсы, и эта функция получит объект с ключом начала и конца, которые представляют выбранную дату начала и выбранную дату окончания. Оба они имеют тип date . Поскольку мне нужно отправить дату в виде строки iso, мне нужно преобразовать ее. Кажется простым. код должен выглядеть..
Эпизод 23/32: Угловой 16.2
Вышел Angular 16.2. Его две основные функции — привязки свойств для динамических компонентов и два хука приложения.
Угловой 16.2
Привязки свойств для ngComponentOutlet
ngComponentOutlet загружает компоненты динамически. В прошлом у него были некоторые ограничения, потому что мы не могли применить к нему привязку свойств. По крайней мере, в легкой форме. С 16.2 это больше не проблема.
// Example showing property binding for ngComponentOutlet
@Component({
template:..
Массив зависимостей React нельзя игнорировать
Следование правилам массива зависимостей приводит к лучшему дизайну кода
Мы все знаем этот шаблон при создании функциональных компонентов, когда вы хотите, чтобы ваши функции запускались только при монтировании компонента:
useEffect(() => {
functionToRunOnlyOnMount()
}, [])
Его прописывают многие и, что еще лучше, он работает.
Проблема начинается, когда вы запускаете анализ кода и видите это предупреждение:
warning React Hook useEffect has a missing dependency:..
