Публикации по теме 'front-end-development'
Как оживить ваше приложение React / Angular / Vue: предварительный загрузчик приложений
При загрузке одностраничного приложения, такого как React, Vue или Angular, вы потратите несколько секунд, глядя на пустую белую HTML-страницу. Эти несколько секунд — идеальное время, чтобы ваш внутренний UI/UX сошёл с ума — пользователю не нужно ничего нажимать, ему просто нужно отвлечься, чтобы он не кликнул!
Недавно я начал создавать здесь несколько сумасшедших загрузчиков с верхней загрузкой. Хотя это кажется бессмысленным, это может оживить приложение. Забавная анимация может..
Шаблон адаптера в JavaScript
С примерами, которые помогут вам это реализовать
Вы когда-нибудь сталкивались с кодом, в котором какая-либо функция имела суффикс Adapter ? Скорее всего, вы читали код, включающий совместимость в поведении двух интерфейсов с использованием шаблона адаптера. В этой статье мы рассмотрим шаблон адаптера в JavaScript и объясним, почему этот шаблон важен и почему он может быть полезен в современном программировании.
Способ работы адаптера заключается в том, что вы создаете функцию..
JavaScript API для распознавания людей и ботов в Chrome
Iframe with React: лучшие практики
JavaScript API для распознавания людей и ботов в Chrome
Стандарт браузера, позволяющий отличать ботов от реальных людей, уважая их конфиденциальность для общедоступных веб-сайтов.
В прошлом обнаружение людей и ботов было несовместимо с конфиденциальностью. Например, если мы использовали reCaptcha на веб-сайте, Google мог бы отслеживать ваши предпочтения посетителей. Это вредно для их конфиденциальности.
С другой стороны, такие технологии, как..
Можете ли вы console.log в JSX?
TL; DR: вставьте выражение
Как инструктор по программированию, я видел, как многие студенты пробовали это:
render() {
return (
<div>
<h1>List of todos</h1>
console.log(this.props.todos)
</div>
);
}
Это не напечатает ожидаемый список в консоли. Он просто отобразит строку console.log (this.props.todos) в браузере.
Давайте сначала рассмотрим некоторые очень простые решения, а затем объясним причину.
Наиболее часто используемое..
Как сделать так, чтобы ваши пользовательские компоненты Vue поддерживали v-модель
Знаете ли вы, что вы можете использовать v-model не только в собственных элементах ввода (например, <input> ), но и в своих пользовательских компонентах ввода?
Если, например, у вас есть настраиваемый компонент для выбора нескольких значений, вы можете использовать его следующим образом:
<multi-value-input v-model="tags"/>
Вместо этого:
<multi-value-input
:value="tags"
@input="setTags"
/>
Если у вас действительно есть компонент, который принимает..
Решение проблемы - это больше, чем просто добавление новой зависимости
Решение проблемы - это больше, чем просто добавление новой зависимости
Переехала на мой личный сайт. Прочтите без платного доступа http://willmendesneto.com/posts/solving-a-problem-is-more-than-just-add-a-new-dependency
Моя главная цель в этом посте - начать обсуждение критериев, используемых для добавления новой зависимости для нескольких проектов. Так что об этом следует помнить и начать более широкое обсуждение.
Перво-наперво
В нашей повседневной работе нам обычно..
Разделение проблем с помощью кастомных хуков React
React , без сомнения, одна из самых популярных интерфейсных платформ JavaScript / библиотек пользовательского интерфейса. Однако это не значит, что это лучший или всем нравится.
Среди наиболее технических причин , по которым люди не любят React, на удивление, есть одна из самых больших его функций - JSX . Расширение стандартного JavaScript, позволяющее использовать HTML-подобный синтаксис в ваших компонентах React.
Как такую узнаваемую часть React, которая явно призвана..