Вопросы с меткой [frontend]

Фронтэнд — это часть приложения, с которой взаимодействует пользователь (интерфейс пользователя). Чаще всего этот термин применяют в веб-разработке, где он обозначает HTML,CSS и JavaScript; в разработке десктопных приложений – оконный фреймворк и формы, с которыми взаимодействует пользователь; в консольных программах – доступные команды и аргументы.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
372 показа

как взаимодействует фронтенд и бекэнд React

я занимаюсь фронтенд-частью приложения, но фронтенд должен всегда взаимодействовать с бекэндом. Я знаю, что все это происходит через API и запросы (post/get/delete) Но не понимаю, какую инфу корректно ...
Marie's user avatar
  • 71
0 голосов
0 ответов
17 показов

Не подгружается фотография на html страницу

Не отображается фотография в браузере. Она идет как background-image в блоке . Этот блок находится в родителе секции <!DOCTYPE html> <html lang="ru"> <head> <...
Sergey Babann's user avatar
0 голосов
0 ответов
57 показов

С++ Web интерфейс для приложения

У меня C++ консольное приложение работает на несколько потоков и в дополнение к этому, построено на boost::asio. Есть потребность в реализации интерфейса, который можно будет открыть через мобильный/...
5133n's user avatar
  • 67
-1 голос
1 ответ
21 показ

Можно ли как-то преобразовать из строки в цифру

У меня geojson файл, где есть поля с числами(идет как string), например "500", можно ли как-то сделать чтобы он стал типом number и выводился 500.00 Пробовал toFixed(2), но понимаю, что ...
3a6abHblu's user avatar
1 голос
0 ответов
26 показов

Изменение градиента при прокрутке страницы

Есть ли библиотека ReactJS или что либо другое, чтобы плавно изменить градиет на заднем фоне, при прокрутке страницы ? p.s - блок fixed
INACORE's user avatar
  • 21
0 голосов
3 ответа
42 показа

Вывести элемент записанный в виде строковой переменной на страницу

Хочу собрать элемент/набор элементов в виде строковой переменной и вывести все это дело на страницу. Пример элемента: elem = '<button>'+'abc'+'</button>' Пробовал выводить это через ...
evgeni2306's user avatar
2 голоса
1 ответ
71 показ

вставить список однотипных элементов в div на чистом js

При нажатии на кнопку получаются данные из бекенда, в размере 10 штук однотипных объектов. Мне нужно как-то на чистом js насоздавать div конструкций, куда будут помещены пришедшие данные, и вывести ...
evgeni2306's user avatar
0 голосов
1 ответ
47 показов

При display: flex на элементах внутри не работает установка ширины в %. Только в абсолютных величинах, что может быть не так?

<div class="f1"> <div class="block clearfix"> <div class="pic1"><span>текст</span></div> <div class="pic2">...
Rainbow 's user avatar
0 голосов
1 ответ
46 показов

Необходимо перенести выпадающее меню на передний план

Возникла проблема с выпадающем меню, его нужно перенести при нажатии на передний план, но мешает элемент с позиционированием sticky под ним, вот сам сайт - https://0398-46-172-28-69.eu.ngrok.io/, буду ...
Andrey's user avatar
  • 22
0 голосов
1 ответ
76 показов

React в textarea не высвечивается новое значение

Есть вот такая вот конструкция: <button onClick={start_recogn}>Start</button> <textarea type="text" defaultValue={''} className="word"/> При нажатии на кнопку &...
evgeni2306's user avatar
0 голосов
1 ответ
103 показа

Как переопределить стили, заданный в js

Я задал такие стили через js и понимаю, что они имеют приоритет перед остальными стилями, заданными в css, но в media запросах мне нужно переопределять эти стили, но они не применяются, так как разный ...
Andrey's user avatar
  • 22
0 голосов
1 ответ
440 показов

Check the render method of `App`. Each child in a list should have a unique "key" prop

Не могу понять в чем именно ошибка,приложение работает но в консоли это Warning: Each child in a list should have a unique "key" prop. Check the render method of App function App() { ...
vitaliy125's user avatar
1 голос
2 ответа
227 показов

Как в одном теге использовать два v-for для массива в vue.js?

Хочу сделать v-for для два ключа с массивом(numbers и texts) но не знаю как <template> <div class="about "> <div class="container"> <...
Azizbek Islombekov's user avatar
0 голосов
1 ответ
26 показов

Как последовательно менять класс динамически-созданных кнопок js

Есть потребность последовательно менять класс динамически создаваемых кнопок при нажатии на каждую следующую. Ожидание: Есть например три(пять, десть) кнопки. Нажимая на каждую следующую, нужно чтобы ...
Nickolay's user avatar
0 голосов
0 ответов
70 показов

Локальная папка wwwroot в проекте backend. Как её получить во frontend'e?

Есть проект backend'a написанный на c#. и Проект frontend'a на react. Я хочу получить файлы из локальной папки на беке, чтобы отобразить документ(картинку, не особо важно). И суть в том, что фронт не ...
VeekSY's user avatar
  • 75
0 голосов
2 ответа
295 показов

Напишите функцию calculate() , которая вычисляет и возвращает стоимость корзины товаров после применения всех скидок

В качестве аргументов функция принимает 3 параметра: 1)Общая сумма корзины 2)Количество товаров в корзине 3)Промокод (по умолчанию null) Правила и порядок (порядок важен!) начисления скидок: 1)Если ...
Roxy Allen's user avatar
0 голосов
2 ответа
117 показов

При подключении шрифтов отображается только один шрифт

Файл fonts.sass @font-face font-family: 'ABC Monument Grotesk Mono' src: url('./fonts/ABCMonumentGroteskMono-Regular.eot') src: url('./fonts/ABCMonumentGroteskMono-Regular.eot?#iefix') format('...
C0nen's user avatar
  • 1
-1 голос
1 ответ
51 показ

Проблема с двумя dialog components в vuetify на странице

У меня есть два dialog components на странице, реализованных в vuetify. Когда я активирую любой из них, все они активируются одновременно. Подскажите, пожалуйста, как сделать так, чтобы они ...
emblox's user avatar
  • 13
0 голосов
2 ответа
104 показа

Как убрать задержку перед запуском функции (SetInterval)

Как убрать задержку перед первым выполнением функции? Само тело функции у меня длится 9 секунд. Но нужно чтобы эта функция запускалась не через 9 секунд, а 3 секунды. (внизу 9000 нельзя менять т.к это ...
Lonfich's user avatar
-1 голос
2 ответа
145 показов

как сделать подобное затемнение на картинке при помощи css?

всем привет,учусь на фронтенд разработчика верстаю макет для будущего портфолио.столкнулся с одной проблемой,не понимаю как затемнить контент как на картинке,не могу припомнить такого css свойства ...
богдан's user avatar
0 голосов
1 ответ
33 показа

Как сделать блок таким без использования лишних <div>

Пока что я додумался сделать это дивами. Возможно ли сделать это проще и без лишних дивов <article style="display: flex;"> <div> <h2>заголовок</h2> ...
Ivan Pleshachkov's user avatar
0 голосов
1 ответ
51 показ

vue v2 я хочу заполнить форму данными которые приходят с сервера

Версия vue (2.6) Я не особо понимаю принцип но мне хочется заполнить форму начальными значениями с сервера так чтобы их можно было изменить и отправить обновленные данные на сервер Расскажите как мне ...
Pasha1neo's user avatar
-2 голоса
1 ответ
62 показа

Создание кнопок на основе списка

Допустим, есть у меня некий список из Python. Вопрос такой: как из него можно было бы сделать что-то типа кнопок на фронтэнде (каждая кнопка соответствует элементу списка). Пользователь нажимает на ...
catauggie's user avatar
  • 125
0 голосов
1 ответ
68 показов

Не выводятся картинки в React

Первый компонент: import React from "react"; import { useState, useEffect } from "react"; import Collection from "./Collection"; export default function MainContent() { ...
Nikitin Ivan's user avatar
0 голосов
1 ответ
95 показов

Как запушить объект в массив в массиве в стейте?

Ниже размещу типизацию для стейта Redux: export type TodoItem = { id: string; title: string; order: number; content: string; isCompleted: boolean; }; export type Boards = { title: ...
ScepticCute's user avatar
0 голосов
1 ответ
429 показов

Как добавить свой элемент в контекстное меню по правой кнопке мыши в гугл хром расширение?

Подскажите пожалуйста, как сделать так, чтобы была возможность добавления своего элемента расширения в меню, который вызывается по правой кнопке мыши? Пример:
kiskiskit's user avatar
  • 437
0 голосов
0 ответов
36 показов

Рендеринг компонентов не обновляется на странице, хотя в useState все есть

Делаю первый проект на react, еще не совсем разобралась в фреймворке. У меня есть fetch запрос к северу const [temp, setTemp] = useState(''); const [name, setName] = useState(''); const [clouds, ...
Александра's user avatar
0 голосов
1 ответ
38 показов

Почему файл _general.sass не видит переменные и миксины?

Файл general.sass не видит миксины в файле _mixins.sass и переменные в файле _variables.sass, но при этом медиа файлы в _media.sass он видит. Как это исправить?
Eleonora Erokhina's user avatar
2 голоса
1 ответ
63 показа

Как найти ноду, если нет уникального селектора

Всем доброго времени суток! Возникла проблема. Делаю запрос на сервер, получаю данные. Массив объектов вида {name: , gender: , id: , ...}. По получению данных нужно отрендерить 10 карточек на странице....
Gorka Channel's user avatar
0 голосов
1 ответ
160 показов

При уменьшении размера экрана, уменьшаеться картинка. min-width i min-height не помогают

когда размеры экрана доходят до 70, картинка (она находиться в хедере) начинает сильно уменьшаться. При этом, все остальное, а это кнопка логина и сама навигация остаються на месте. вот размеры 970: ...
Stong discord's user avatar
0 голосов
0 ответов
84 показа

Где реализовать поиск в реальном времени?

Делаю поиск в реальном времени, т.е. при изменении текстового поля меняется количество отображаемых данных. Где правильнее реализовать сам метод, который будет выполнять поиск: на беке или фронте? Я ...
Malchik's user avatar
0 голосов
1 ответ
314 показов

Как закрывать окна при переходе между страницами в next.js?

В проекте на next.js шапка и подвал на всех страницах одинаковые и помещены в _app.tsx в виде компонента Layout, который в качестве ребёнка принимает Component страницы. Т.е. при переходе по страницам ...
vvtvvtvvt1's user avatar
0 голосов
0 ответов
45 показов

Как запланировать код в node js с интервалов в 1 секунду?

Всё ломаю голову и думаю как же лучше сделать. Пример: Пользователь на клиенте покупает бонус, бонус активируется через N времени к примеру. По окончанию N времени - я хочу реализовать функционал что ...
ll Web Style ll's user avatar
2 голоса
1 ответ
104 показа

JavaScript-валидация

Пытаюсь разобраться с валидацией в js. Но при попытках ввода информации почему-то всплывает такая ошибка в консоли: index.js:174 Uncaught TypeError: Cannot read properties of null (reading '...
Elvie's user avatar
  • 21
0 голосов
0 ответов
95 показов

Как при перезагрузке страницы сохранять прогресс игры

Пишу тетрис, ситуация такая, игрок зарегался в игре и во время его сессии произошла перезагрузка страницы, нужно чтобы весь прогресс остался и игра продолжалась, помогите! Тетрис на канвасе. И еще, ...
Yana Savchenko's user avatar
0 голосов
1 ответ
53 показа

Как правильно сделать фильтрацию контента?

Вопрос собственно не очень сложный, мне кажется. Я только обучаюсь :) Вкратце, есть 10 карточек, одни, условно, синие, другие - красные. У этих карточек есть 2 класса, 1-й класс cards, который задает ...
Gorka Channel's user avatar
0 голосов
2 ответа
989 показов

Как отменить растягивание grid на всю ширину родителя

Не могу разобраться с поведением контейнера grid. Мне нужно, чтобы в grid в середине был блок основного контейнера, а слева и справа от него были блоки aside на некотором расстоянии, которое я задаю ...
Vadim Mokrushin's user avatar
0 голосов
2 ответа
52 показа

Здравствуйте, можете пожалуйста помочь с решением и разъяснить почему моё решение не работает?

let min = parseInt(prompt("Start range: ") < 100); var numbers = [] for (var i = min; i <= 100; i++) { let rest = i % 5; if (rest === 2 || 3) { console.log('Shared ...
Сергей Миронин's user avatar
0 голосов
1 ответ
102 показа

Почему не меняется css стиль?

сделал функцию, чтобы при нажатии на кнопку менялся цвет фона, но он меняется на долю секунды и возвраща html, body { height: 100%; } body { display: flex; align-items: center; padding-...
ivaivie's user avatar
  • 41
0 голосов
0 ответов
63 показа

Angular 14, как подгружать произвольный файл с бэка?

Всем привет! При сборке проекта Angular получается несколько файлов: Они же подгружаются в браузер и там работают. Мне надо сделать так чтобы подгружался ещё один файл (JSON или другой текстовый ...
user's user avatar
  • 25
0 голосов
1 ответ
210 показов

Когда нужно использовать Next JS

Всем привет! Изучаю реакт относительно недавно и сейчас делаю социальную сеть. Подскажите пожалуйста имеет ли смысл для соц сети подключать Next JS или это излишне? Стек фронт: React JS, Redux RTK, ...
Гришко Шкарта's user avatar
0 голосов
1 ответ
53 показа

Правильно ли сделан адаптив данного блока?

И вообще можно ли это назвать адаптивом? Представьте, что я ваш злейший враг и что вам хочется оскорбить каждую мелочь, где я что-то не так сделал. Спасибо @font-face { font-family: 'Gilroy-Bold'...
100.1's user avatar
  • 1
0 голосов
0 ответов
27 показов

Не работают брейкпоинты css

В данном случае не понимаю, почему при срабатывании брейкпоинта Contacts всё равно уходит на другую строчку. Помогите пожалуйста, я только начал верстать, а уже чувствую, что моя душа покидает тело из-...
100.1's user avatar
  • 1
0 голосов
1 ответ
29 показов

Проблема с методом класа

Я хочу, чтобы звездочки мигали с разной амплитудой. На пару секунд включается гифка, а потом назад статичное изображение. Прикрепляю ссылку на пример. https://codepen.io/misha-web00/pen/ZERedBb (...
PakuPaku's user avatar
0 голосов
0 ответов
55 показов

Как организовать данные, чтобы из одного js скрипта можно было получить переменные в другом?

Есть сайт. В нём 2 страницы с блоками программ обучения и одна страница с записью на обучение, в которой есть форма select, выводящая названия программ. (пока ещё нет)). У каждой из страниц с ...
Eydos's user avatar
  • 3
0 голосов
0 ответов
334 показа

Сохранение позиции скролла React при переходе между диалогами React (Next)

Никак не могу найти информацию как сохранить положение скролла при переходах между диалогами как в вк или телеграме Например зашёл диалог (первично подгрузились сообщения и проскролилось вниз) ...
Pasha1neo's user avatar
0 голосов
0 ответов
43 показа

Я расположил 3 видео в ряд. Но они вообще не по центру. Как это исправить?

вот мой html код: <div class="container-3"> <div class="brd"> <video width=33% height=33% controls src="./video/one.mp4" class="video-1&...
Duxtaa's user avatar
  • 13
-1 голос
1 ответ
88 показов

Не отображается изображение в React JS

Прописал import и отобразил все в самом атрибуте. Вроде все логично и должно работать, но почему-то браузер его (изображение) не отображает. Если я, допустим, укажу неправильную директорию, то сам ...
Bird's user avatar
  • 1
0 голосов
0 ответов
39 показов

Слияние блоков при соприкосновении друг с другом

Пытаюсь сделать эффект слияния блоков при соприкосновении их друг с другом. Блоки двигаются при ховере мыши, "убегая" от курсора. Делал подобное уже через move in viewport, но "...
Alex_Mesmer's user avatar
1 голос
1 ответ
142 показа

Laravel модель при выгрузке на фронтенд заменить id на строку с этим id

Метод getDirBySphereId выгружает из бд все данные, где 'sphere_id' равен входящему значению. После чего все выгруженные записи должны выводиться во фронтенд. Для удобства вывода во фронтенд хочу ...
evgeni2306's user avatar