Популярные вопросы по тегу FRONTEND

Вставить HTML с операторами переменных React (JSX)

... бразом, и 5 заставить его работать? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } и должен ли он вставить 4 HTML, как ожидалось? Я не видел и не слышал 3 ничего о функции реакции, которая могла 2 бы делать это встроенным, или о методе синтаксического 1 анализа, который позволил бы э ...

Импортировать owl.carousel из webpack

... ackage/owl.carousel), синтаксис которого: import $ from 'jquery'; import 'imports?jQuery=jquery!owl.carousel'; но консоль отладчика 6 показала ошибку: Unexpected '!' in 'imports?jQuery=jquery!owl.carousel'. Do not use import syntax to configure webpack loaders import/no-webpack-loader-syntax Я пробовал другой синтаксис: import owlCarousel from 'owl.carousel' и 5 ошибка будет такой: Uncaught TypeError: Cannot r ...

Next.js: Ошибка: ожидается, что React.Children получит только один дочерний элемент React

... pected to receive a single React element child. Но если я удалю теги <a> в компонентах 3 <Link>, я могу просматривать страницы, но затем 2 в консоли я получаю предупреждение: Warning: You're using a string directly inside <Link>. This usage has been deprecated. Please ...

Есть ли способ включить частичное использование html-webpack-plugin?

... HTML. Таким образом, если я изменю 5 эти файлы HTML меньшего размера, он перекомпилирует 4 каждый файл HTML для представления этих 3 изменений. Webpack по умолчанию д ...

Два запроса ajax для одного и того же события одновременно. каким должно быть типичное поведение? чем отличается, если запрос синхронный

... ;#loadingimg").hide(); } }); $.ajax({ url: form_url, type: form_method, data: form_data, cache: false, success: function(returnhtml){ // $("#duplicate").html(returnhtml); // $("#loadingimg").hide(); alert("b"); } }); }); }); См. следующий 1 Fi ...

Простой способ запускать скрипты Python с помощью мыши в OS-X

... х 11 пользователей Mac, которые думают, что использование 10 терминала будет иметь тот же эффект, что 9 и выброс компьютера с вершины небоскреба. В 8 Linux и Windows достаточно просто настроить 7 скрипт Python, чтобы пользователь мог дважды 6 ще ...

Как разрешить маршрутизатору ответить кодом состояния 404?

... не, что возникла 6 проблема с типом содержимого моих ресурсов! Итак, как 5 я могу использовать реагирующий маршрутизатор 4 для обработки всего, что указано в "/", и 3 при этом заставить его правильно обрабатывать 2 ошибки 404 (отвечать кодом состояния 404)? код 1 в реагирующем маршрутизаторе render(( <Router history={browserHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> ...

Проверка расширения файла в AngularJs перед загрузкой

... ер перед их загрузкой на сервер? Я 2 использую AngularJs для обработки своего 1 и ...

Подпроцесс Python и взаимодействие с пользователем

... ример, программа может 9 остановиться и запросить у пользователя 8 идентификатор и пароль или как справиться 7 с ошибкой? c:\> parrot Military Macaw - OK Sun Conure - OK African Grey - OK Norwegian Blue - Customer complaint! (r) he's Resting, (h) [Hit cage] he moved, (p) he's Pining for the fjords До сих пор все, что я читал, говорит 6 вам, как читать весь вывод программы только 5 после ее завершения, а не как ...

Изображение во всплывающей подсказке с использованием начальной загрузки?

... -toggle=tooltip]').tooltip(); }); </script> Это работает нормально, но я хотел бы включить 3 изображение и текст во всплывающую подсказку. Я 2 пытался использовать data-content = "some 1 stuff", но ничег ...

Как протестировать document.eventListener с помощью Jest

... хочу проверить, что если эта функция получит 8 неправильные данные, она вернет данные, а 7 если нет, вернет другие данные. Но я не понимаю, как 6 имитировать эту функцию и возлагать на нее 5 надежды. Это слушатель: window.addEventListener('message', authentication, false); Функция, от которой 4 я хочу оправдать ожидания, в зависимости 3 от результата: export function* authentication({ data }) { // Data structure { // ac ...

Изменить цвет в зависимости от цвета фона с помощью Sass

... родительского 1 div. Если div {background-color: #000; } Тогда div p { color: #fff; } ...

Посылка JS. Использование опции --public-url

... ую Parcel JS для личного проекта, и 9 меня очень смущает этот вариант: - общедоступный 8 URL Вот документация: https://en.parceljs.org/cli.html#options чего действительно 7 мало. 1) В чем его основ ...

Поменяйте курсор на Hover в react-konva

... , чтобы курсор 4 превращался в указатель при наведении курсора 3 на Rect. Есть документация, как это сделать 2 с konva, но не для react-konva ...

История собственности не существует

... ( <Provider> <Router history={history} > {/* Error is in this line */} <div /> </Router> </Provider>, document.getElementById('app') ); Сообщение об ошибке: Error:(11, 11) TS2339:Property 'history' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<BrowserRouter> & Readonly<{ chi ...

Fabric JS - отправка объектов на задний план

... он перемещается на передний 4 план. Я попытался отправить его назад после 3 выделения, но даже если вызывается функция 2 «canvas.sendToBack (object)», он все равно 1 остается на переднем плане. Код в моем примере: var canvas = new fabric.Canvas('c'); var pol = new fabric.Polygon([ {x: 200, y: 0}, {x: 250, y: 50}, {x: 250, y: 100}, {x: 150, y: 100}, {x ...

Невозможно стилизовать вложенную анимацию с ключевыми кадрами со стилизованными компонентами

... tps://www.styled-components.com/docs/api#css), который обеспечивает 7 правильное введение стилей. " Я использовал 6 синтаксис v4, но он все еще не работает. Есть 5 ли способ сделать это? Я пробовал следовать 4 синтаксису, но он все равно не работает. Сначала 3 я: animation: ${props => (props.animating === 'true' ? `${fadeInSlide} 1s ease-in-out infinite forwards` : '')} ; ...

Что означает знак доллара в конце имени переменной в области rxjs / Observables?

... com/examples в pause-and-resume В строке 2 10 это то же самое, что-то вроде этого: pauseResume$.pipe( Кт ...

Неперехваченная ошибка: ошибка Minified React # 200

... } class ResLink extends React.Component{ render(){ return( <a href = "https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.insider.com%2Fthe-batman-2021-movie-details-information-2020-2&psig=AOvVaw0AeAaWCyxcHCYi3P ...

Каково использование -webkit-fill-available?

... ble; Я получил 1 то, что ожидал. Но я не знаю, как это ...

Как перейти к определенному файлу в Инструментах разработчика Chrome?

... и проверить, вижу 6 ли я старую версию определенного файла, мне 5 очень трудно найти свои файлы на вкладке 4 «Источники» в Инструментах разработчика 3 Chrome. Есть ли какой-либо ярлык или действие, которое 2 я могу сдел ...

Как изменить цвет текста выбранной строки в таблице пользовательского интерфейса материалов

... спешно 2 изменить цвет фона, но не могу изменить 1 цвет текста. <TableRow className={classes.tableBody} ...

Как использовать опцию «настраиваемый фильтр» в таблицах данных в vuetify? или Как создать собственный фильтр для фильтрации по заголовкам?

... ося 6 списка, он фильтрует список по одному конкретному 5 заголовку. Пример: Варианты раскрывающегося 4 списка: Тип питания: фрукты, мясо, овощи Бакчой (овощной) Свинина (мясо) Куриное бедро (мясо) арбуз (фрукты) Если 3 в раскрывающемся спис ...

Элемент ввода React: значение vs значение по умолчанию

... остояние. Вот мой код: import React from "react"; export default class EditForm extends React.Component { editTransaction(event) { var transaction = this.props.transaction; event.preventDefault(); var NewTransaction = { transactions_data: { amount: this.refs.amount.valu ...

Как добавить текст к объекту круга в fabricJS?

... centeredScaling:true, padding:2, hasRotatingPoint: false, borderColor: 'black', cornerColor: 'black' }); c.hasControls = true; c.station = true; c.stationID = stationID; c.stationName = stations[stationID].name; c.description = ...

Требовать, чтобы функция не работала с изображением в реакции

... актический 15 файл. Я создал приложение с npx create-react-app и пока не извлекал 14 его. Таким образом, в конфигурации babel 13 или webpack нет ошибок, поскольку в настоящее 12 время они обрабатываются с помощью response 11 под капотом. Импорт с помощью оператора import работает 10 нормально: import calendarPic from '../assets/pictures/calendar.svg'; К сожалению, это не решение, потому 9 что у меня есть локальные изо ...

Где правильно и безопасно хранить токен JWT в веб-приложении?

... и cookie, но 7 не могу понять, какой способ хранения токена 6 аутентификации является наиболее безопасным. Мне 5 интересно, может ли это нарушить работу 4 сторонних библиоте ...

Что такое "оптимистичные обновления" во фронтенд-разработке

... апример 4 обработка оптимистичных обновлений, рендеринг 3 на сервер, выборка данных перед выполнением 2 переходов маршрута и т. д. У меня вопрос: какие 1 здесь ...

Правильно ли использовать две или более разных интерфейсных фреймворков в одном веб-приложении?

... я изучаю некоторые интерфейсные 10 навыки, к настоящему времени я пытаюсь использовать 9 такие фреймворки, как Bootstrap, Foundation, Semantic 8 UI и т. д., но у меня есть Возник вопрос, можно 7 ли использовать два фреймворка для одного 6 приложения? если да, то стоит ли? если нет, то 5 почему? Еще оди ...

Использование ключей API в приложении React

... язи с этим вопросом, безопасно ли хранить 16 ключ API в константе, как я делаю для MY_OTHER_KEY? Google 15 также говорит: Не храните ключи API в файлах 14 внутри исходного дерева вашего приложения Это 13 подводит меня ко второму вопросу: 2. Разве ключ API все еще не попал в пакет? Скажите, что 12 я делаю то, что говорит Google, и я ... хранить 11 их в переменных среды или в файлах вне вашего и ...

Как удалить удаленные хуки git?

... 0 в том, что после yarn remove husky перехватчики git все еще 9 остаются внутри .git/hooks. Из-за этого я получаю эту 8 ошибку каждый раз, когда хочу зафиксировать 7 или переключить ветвь или фиксацию, поэтому 6 фиксация даже невозможна -> .git/hooks/pre-commit: line 6: node_modules/run-node/run-node: No such file or directory Я знаю, что всегд ...

Невозможно изменить значок nuxt по умолчанию

... енил правильные файлы, сгенерированные 2 веб-сайтами генераторов значков, в моей 1 папке dist/_nuxt/icons. => не сработало. а это мой nuxt.config.js head: { title: "my first nuxt proj - main page", meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', conten ...

Подключение и проблема с роутером

... изменил порядок withRouter и подключился, он 4 не сработает: connect(mapStateToProps, mapDispatchToProps)(withRouter(App)) У меня есть console.log реквизиты 3 в App.js. Он уже получает реквизиты для 2 ...

Что такое Bootstrap?

... вопросов, связанных с Bootstrap. Я 9 вижу, что многие люди его используют. Я 8 попытался изучить его и нашел official Bootstrap site, но там был 7 только раздел загрузки и несколько слов ...

Как получить все значения элемента входного массива jquery

... ype="text" name="pname[]" value="" /> <input type="text" name="pname[]" value="" /> <input type="text" name="pname[]" value="" /> <input type="text" name="pname[]" value="" /> <input type="text" name="pname[]" ...

TypeScript React.FC <Props> путаница

... ;p style={{ fontWeight: props.priority ? &quot;bold&quot; : &quot;normal&quot; }}&gt; {props.name} &lt;/p&gt; &lt;/div&gt; ) } Я вижу, что 7 для обоих функциональных компонентов, указанных 6 выше, TypeScript генерирует один и тот же 5 код JS. Компонент PrintName2 мне кажется более оптимизированным 4 с точки зрения удобочитаемости. Интере ...

Как удалить предупреждение [vue / no-use-v-if-with-v-for]?

... lass=&quot;media-content&quot;&gt; &lt;div class=&quot;content&quot;&gt; &lt;div class=&quot;tags has-addons&quot;&gt; &lt;span class=&quot;tag is-medium&quot;&gt;Version number: &lt;/span&gt; &lt;span class=&quot;tag is-dark is-medium&quot;&gt;{{ x[0] }}&lt;/span&gt; &lt;/div&gt; &lt;div class=&quot ...

Использование reactjs с requirejs

... ); } }); return Backbone.Router.extend({ routes : { "": "index" }, index : function() { React.renderComponent(&lt;IndexComponent /&gt;, document.getElementById('index')); } }); }); Как мне поместить IndexComponent 4 в отдельный файл и вызвать его в этом файле? Я 3 пробовал обычный метод (тот же, который 2 я использовал для backbone и response), но 1 получил ошибку из-за синтаксиса jsx ...

Почему я получаю ERR_CONNECTION_TIMED_OUT в Vue.js?

... я нового проекта с vue cli 3 3 я получаю эту ошибку: ПОЛУЧИТЬ http://192.168.1.13:8080/sockjs-node/info?t=1538257166715 net :: ...

Как создать значок в правой части панели начальной загрузки?

... ;&gt; Title &lt;i class=&quot;fa fa-question-circle text-right&quot;&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class=&quot;panel-body&quot;&gt; Hello world! &lt;/div&gt; &lt;/div&gt; Если вам нужно предварительно 1 просмотреть резу ...

Команда nodemon не распознается в терминале для сервера node js

... als/authenticate-a-node-js-api-with-json-web-tokens. Я новичок в node.js. Я устанавливаю npm install nodemon --save. Но 12 когда я запускаю сервер с этим nodemon server.js. В терминале 11 отображается: nodemon не распознается как 10 внутренняя или внешняя команда, работоспособна программа 9 или командный файл Команда node server.js работает и запустила 8 сервер, но команда nodemon не работает. Я настраиваю 7 сервер node js из видео ht ...

Совместное использование kibana и mongodb без elasticsearch

... Я использую logstash для анализа 3 журналов и хранения в mongodb и хочу использовать 2 кибану для отображения данных? Если нет, есть 1 ли альтернативы реализац ...

ReferenceError: производительность не определяется при использовании performance.now()

... олнения 1 вызова функции: export async function find(someId: string, ctx: context.IContext) { try { var t0 = performance.now(); var res = someModel.find(someId, ctx.cookies); var t1 = performance.now(); console.log(&qu ...

Uncaught ReferenceError: регенераторВремя выполнения не определено в React

... аченная 3 ошибка ссылки: регенераторВремя выполнения 2 не ...

Как заставить компонент Angular занимать всю высоту экрана

... дываю угловой компонент в другой, занимающий 5 весь экран, используя height:100%; в файле css компонента. Я 4 пытаюсь налож ...

Угловой материал: скрыть панель автозаполнения, когда пользователь нажимает клавишу ввода

... colIdx)"&gt; &lt;mat-autocomplete #auto="matAutocomplete"&gt; &lt;mat-option *ngFor="let option of filteredOptions | async" [value]="option"&gt; {{ option }} &lt;/mat-option&gt; ...

Как нарисовать знак X с помощью SVG + CSS?

... } &lt;svg class=&quot;checkmark&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 52 52&quot;&gt; &lt;circle class=&quot;checkmark__circle&quot; cx=&quot;26&quot; cy=&quot;26&quot; r=&quot;25&quot; fill=&quot;none&quot; /&gt; &lt;path class=&quot;checkmark ...

Как включить файлы .jar в React-native для Android?

... Производитель принтера 3 предоставил файл SDK с расширением jar. Подскажите, пожалуйста, как 2 использовать этот SDK в React-Native? тогда ...

Как проверить, загружен ли бутстрап Twitter?

... гружен ли на страницу файл 2 bootstrap.js (сам файл bootstrap.js может быть скомп ...

Реакция: недопустимое значение свойства `savehere` в теге <div>. Либо удалите его из элемента, либо передайте строковое или числовое значение, чтобы сохранить его в DOM.

... &lt;/Modal.Title&gt; &lt;label&gt;Create&lt;/label&gt; &lt;/Modal.Header&gt; &lt;Modal.Body&gt; &lt;h4&gt;&lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Meetin ...