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


Математическая спринтерская игра с Javascript
Возможности: обратный отсчет до начала игры математические уравнения, созданные с помощью Math() разделить неправильные и правильные уравнения и добавить логическое значение сравните EquationArray с PlayerGuessArray сохранить лучший результат в localStorage и сравнить, когда снова начнется следующий раунд КОД Гитхаб ДЕМО HTML четыре радио входа в электронной форме. Лучшее шоу в пролете. при отправке выбора перейдите на страницу..
Транспиляторы и полифиллы: невоспетые герои современной JS-разработки
Введение Многие из нас используют полифиллинг и транспиляцию в наших JS-проектах, хотим мы того или нет. Но действительно ли мы понимаем, почему мы это делаем, и что бы произошло, если бы мы этого не сделали? В этом посте мы углубимся в JS и выясним, почему транспиляция и полифиллинг необходимы для всех JS-проектов. Назад и вперед Во-первых, давайте познакомимся с понятиями обратной совместимости и прямой совместимости. Удивительно, что вы можете запустить JS-код 1995 года в..
Чистая архитектура в приложениях Angular
Способ создания лучших приложений на Angular Angular - широко используемый фреймворк. Он имеет мощные механизмы для создания корпоративных приложений из коробки, большое и активное сообщество и, конечно же, свои лучшие практики. Я думаю, что каждый, кто использует Angular, прочитал официальную документацию и знает, что это такое: Feature, Core и Shared модули. Но как показывает практика, серебряной пули нет и невозможно создать инструмент, решающий абсолютно все задачи. Мы..
Как обрабатывать ошибки в React: полное руководство
Первоначально опубликовано на https://www.developerway.com . На сайте есть еще подобные статьи 😉 Мы все хотим, чтобы наши приложения были стабильными, работали идеально и учитывали все мыслимые крайние случаи, не так ли? Но печальная реальность такова, что все мы люди (по крайней мере, таково мое предположение), все мы делаем ошибки, и кода без ошибок не бывает. Независимо от того, насколько мы осторожны или сколько автоматических тестов мы пишем, всегда будет ситуация, когда..
Вы слышали о ECMAScript 6? Узнайте, что нового в JavaScript ES6 (часть 2)
Вы слышали о ECMAScript 6? Узнайте, что нового в JavaScript ES6 (часть 2) В моем предыдущем посте я объяснил, что такое присваивание деструктурирования, расширенные свойства объекта, строки шаблона и переменные с областью действия блока. В этом посте мы обнаружим еще 4 функции, которые были включены в ECMAScript 6. Стрелочные функции Классы Расширенная обработка параметров Новые встроенные методы Стрелочные функции Стрелочные функции (также называемые «функциями толстых..
Получение данных из базы данных / API в React с помощью useEffect и useState
Аналог componentdidmount Часто мы хотим получить кучу данных, когда компонент монтируется в React. Если вы знакомы с компонентами классов в React, вы знаете, что мы можем использовать componentdidmount . С функциональными компонентами аналог useEffect . И мы можем использовать useState для обработки данных, полученных из базы данных или API. Пример Например, я хочу отобразить множество данных о местных ресторанах, которые были только что извлечены из базы данных на домашней..
Blazor WASM против React, сравнение производительности
Мы создали два приложения SPA для сравнения производительности: Blazor WASM и React. Оба приложения имеют одинаковый макет: Элемент управления вкладками с двумя вкладками в нем Вкладки имеют 93 элемента управления формой и 2 сетки данных. В одной из сеток данных есть настраиваемые строки шаблонов с 10 элементами управления формы в каждой строке. Все элементы управления вводом имеют проверку ввода. Все элементы управления имеют двустороннюю привязку данных. React использует..