Публикации по теме 'front-end-development'


Совместное использование ресурсов между источниками: полное руководство
CORS: Что это такое и зачем оно нам нужно? Совместное использование ресурсов между источниками — это протокол, который позволяет клиенту из одного источника взаимодействовать с ресурсами, находящимися в другом источнике. Когда мы говорим о ресурсах, это такие вещи, как вызовы API для получения некоторых данных, загрузка изображений, значков и т. д. Нам нужен CORS, чтобы перезаписать политику того же происхождения , за которой следуют XMLHttpRequest и fetch . Это означает, что..
Компоненты высшего порядка (HOC) React
Компоненты высшего порядка React дают нам возможность наследовать функциональность компонента другому компоненту. Проще говоря, мы можем повторно использовать функциональность компонента. Давайте разберемся с этим на одном небольшом примере: Предположим, вы хотите разработать приложение, в котором вы хотите увеличивать число нажатием кнопки и наведением курсора на элемент. И если вы взяли два отдельных компонента для нажатия кнопки и для наведения, вам нужно реализовать логику..
Friday Frontend: Акцент на версии для специальных возможностей
Поздравляем с серединой июня! На этой неделе у нас было несколько отличных статей, посвященных доступности — как на философском уровне, так и с конкретными тактиками, которые следует использовать или избегать. Мне особенно понравилась статья о веб-доступности в контексте. Есть также куча других замечательных вещей… пост о мышлении CSS хорош, особенно для разработчиков, которые не знакомы с CSS, статья о преобразователях JavaScript полностью поразила меня, а Vue RFC для API, вдохновленного..
От компонентов класса к хукам: краткая история
От компонентов класса к хукам: краткая история Перехватчики React позволяют функциональным (неклассовым) компонентам иметь состояние и логику и потенциально могут полностью заменить компоненты на основе классов. Я надеюсь, что этот пост остановится на этом переломном моменте в разработке React и поможет опытным разработчикам понять преимущества хуков, а также поможет новым и будущим разработчикам понять компоненты старого стиля, которые заменили хуки. До хуков: дихотомия..
10 полезных методов работы с массивами
Массивы JavaScript: теория большого взрыва Массивы JavaScript — одна из самых полезных и универсальных структур данных. Они позволяют нам хранить несколько значений в одной переменной и предлагают нам мощные методы для манипулирования и просмотра данных. В этом блоге мы рассмотрим некоторые из самых мощных и полезных методов работы с массивами из мира JavaScript и воспользуемся примерами из популярного ситкома «Теория большого взрыва», чтобы проиллюстрировать, как работает каждый из..
5 инструментов, которые должен использовать фронтенд-разработчик
Есть много вещей, которые может использовать разработчик внешнего интерфейса, но есть некоторые, которые я считаю наиболее важными. Все, что я упомянул, предназначено для того, чтобы сэкономить ваше время, развить ваши навыки и сделать вас более продуктивными, а не только для того, чтобы гоняться за новыми блестками. Вы можете использовать их для отдельных проектов, но я имел в виду организации, когда писал это. Используйте препроцессор CSS (SASS/LESS) По крайней мере, использование..
Бесшовная разработка и тестирование внешнего интерфейса с помощью API-мокинга
Как Frontend Engineer, у нас есть первоначальный дизайн спецификаций API для тестирования поведения приложения, включая запросы или ответы, такие как обработка успеха, ошибки или, возможно, случая Edge. Но могут пройти недели, прежде чем станут доступны живые звонки. Вот тут-то и приходит на помощь мокирование API. В этой статье мы рассмотрим концепцию имитации API и то, как она упрощает разработку и тестирование внешнего интерфейса. Что такое API-мокинг? API Mocking используется..