Публикации по теме 'frontend'
Избегайте сбоев из-за неожиданных нулевых или неопределенных свойств или переменных.
Сделайте ваше приложение React более устойчивым к неожиданным изменениям структуры данных внутри внешних данных, которые они получают и используют.
Введение
Если ваш разработчик React наверняка уже читал это сообщение: « не удается получить доступ к свойству «имя», пользователь не определен» или что-то в этом роде. С Typescript вы можете избежать этой ситуации во многих случаях. Но когда вы используете данные приложения, например, из REST API, сложнее предотвратить это исключение..
Архитектуры интерфейса: «простой модульный» подход
Поймите плюсы и минусы модульной архитектуры внешнего интерфейса
Статья, которую вы читаете, является частью серии, посвященной фронтенд-архитектуре. В этой статье мы рассмотрим простой модульный подход. Основная концепция этой архитектуры заключается в четком разделении модулей приложения.
Хотя этот подход кажется простым для понимания, он может быть очень полезным. Это даст вам некоторые базовые знания о модульных архитектурах и подготовит вас к более сложным темам, которые появятся..
Это хорошо написанное произведение.
Это хорошо написанное произведение. Хотя я согласен с вашими точками отказа от использования lodash. У меня есть только одно замечание относительно технических аспектов ваших примеров, касающихся времени выполнения.
В ваших примерах вы сначала измерили время lodash, а затем измерили собственное время. Это очень ошибочный метод измерения производительности. Цифры меняются при изменении последовательности выполнения.
Правильный способ проверить продолжительность выполнения — проверять..
Frontend Interview Вопросы с ответами -5
Полифилл для метода сокращения
Вот пример полифилла для метода Array.prototype.reduce the в JavaScript:
if (!Array.prototype.reduce) {
Array.prototype.reduce = function(callback, initialValue) {
let accumulator;
let index = 0;
if (initialValue === undefined) {
accumulator = this[0];
index = 1;
} else {
accumulator = initialValue;
}
for (index; index < this.length; index++) {
accumulator =..
Реагировать на хуки: useState (используя ловушку состояния)
В настоящее время хуки React доступны в приложении create-response-app.
В этой статье мы попытаемся понять, что такое React Hooks и правила, которым мы должны следовать при их использовании. Кроме того, мы создадим приложение-счетчик с помощью useState React Hook .
Что такое перехватчики React?
React Hooks - это функции, которые позволяют нам подключаться к функциям состояния и жизненного цикла React из функциональных компонентов.
Под этим мы подразумеваем, что хуки..
Frontend Interview Вопросы с ответами -4
Упреждающий ввод с надлежащим пользовательским интерфейсом и оптимизация производительности в простом JavaScript
Вот пример того, как вы можете реализовать компонент с вводом текста, используя простой JavaScript с надлежащим пользовательским интерфейсом и оптимизацией производительности.
<input type="text" id="typeahead">
<ul id="suggestions" style="display: none;"></ul>
<script>
const input =..
Выходы Stimulus для связи между вашими контроллерами.
В конечном счете, с выходами в Stimulus можно создавать более модульные и удобные в сопровождении приложения. Розетки позволяют контроллерам общаться и работать вместе более эффективно и организованно, снижая риск ошибок и упрощая обновление или изменение кода в будущем. Кроме того, разбивая сложную логику на более мелкие, более целенаправленные части, розетки могут помочь улучшить качество и читабельность кода.
Таким образом, розетки являются важной функцией Stimulus, которая может..