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

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

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

Подскажите пожалуйста с расположением элементов

Подскажите пожалуйста как расположить buttons и cards, чтобы cards были возле buttons и занимали весь оставшийся размер страницы, а не снизу. Должно что-то похожее на форум reddit @using Forum_MVC....
Julia's user avatar
  • 11
0 голосов
1 ответ
31 показ

Растянуть элементы

У меня есть горизонтальный список (количество элементов может быть разным). Каждый элемент списка состоит из заголовка, длина которого зависит от количества текста в нём, и кнопки фиксированной длины. ...
vvtvvtvvt1's user avatar
0 голосов
1 ответ
36 показов

Как реализовать прозрачность блока?

Подскажите пожалуйста, как реализовать вот такую прозрачность по краям блока и в нижних углах? Работаю с самого утра, вот дошёл до этого блока и голова уже забита.
Александр's user avatar
0 голосов
0 ответов
23 показа

Ошибка при открытии файлы .jsx django

Делаю сайт на react с back-end на django. Мне нужно было запустить мой yarn. Сделал по гайду на django-yarn, но при запуске выскакивает ошибка (Failed to load module script: Expected a JavaScript ...
ALites Lite's user avatar
0 голосов
0 ответов
12 показов

Как расположить слайдер в блоке?

Делаю сайт для магазина интернет одежды, сам я по направлению разбираюсь в бэке, фронт у меня очень слабоватый, поэтому и случаются такие ситуации, заранее прошу простить за свою глупость. У меня есть ...
sixzerx's user avatar
  • 34
0 голосов
1 ответ
21 показ

Не могу задеплоить Веб-сайт на Vercel

Никак не получается сделать deploy своего html проекта. Хотя вроде бы я прописал необходимые vercel.json и package.json, но все равно выводит ошибку 404: NOT_FOUND Code: NOT_FOUND ID: arn1::2fj29-...
Stan's user avatar
  • 305
0 голосов
1 ответ
21 показ

Не работает navbar на мобильных устройствах bootstrap 5.3

Добавил навигационную панель на сайт при помощи bootsrap, на компах все нормальное, а на планшет и мобильных устройствах (когда панель уменьшается в 3 полоски) она просто не работает. Когда юзер ...
ItzKeeni's user avatar
-1 голос
0 ответов
15 показов

Я создал форму для ввода элементов, в input добавил i, и теперь в том месте, где я вводил, не работает, почему это происходит?

import React from 'react'; function Owner() { return ( <div className="relative bg-gray-800 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-400px z-10 flex justify-center ...
Chopa1's user avatar
  • 1
0 голосов
0 ответов
19 показов

После компиляции проекта, при помощи Gulp, не отображаются некоторые стили и все шрифты

третий день ломаю голову над проблемой - после компиляции проекта при помощи Gulp - не отображаются все шрифты (проблема в том, что они копируются в папку билда dist (woff и woff2 с приставкой fonts**....
Vlad's user avatar
  • 1
0 голосов
0 ответов
15 показов

Калькулятор при нажатии на кнопки возвращает Nan [дубликат]

Вот код: class App extends React.Component { constructor(props) { super(props); this.state = { firstNum: null, secondNum: null, operand: '', number: [ ...
ALites Lite's user avatar
1 голос
1 ответ
40 показов

fullstack сайт и админ панель [закрыт]

Всем добрый день, столкнулся сегодня со следующей проблемой: у меня в проекте есть три папки: admin - админ панель (React) backend - серверная часть сайта (Node.js + express) frontend - основной сайт ...
Floyzen's user avatar
  • 11
1 голос
2 ответа
51 показ

Удалить все треки из "Мне нравится" в Яндекс.Музыке

Задача - очистить плейлист "Мне нравится" в Yandex.Music Пока не вижу вариантов кроме как написать скрипт для удаления каждого из треков. В коде вижу, что jQuery подключен.
Vasin Yuriy's user avatar
1 голос
3 ответа
96 показов

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

Ребят, подскажите, как можно сделать так, чтобы проверить, что переменная numberOne одновременно больше всех остальных чисел? (Помимо варианта, где мы с помощью оператора И сравниваем его с каждой из ...
GerMak's user avatar
  • 33
0 голосов
1 ответ
40 показов

Можно ли так задать массив объектов?

Не сильно понимаю, как создаётся массив объектов obj. Может кто-то объяснить? Для меня, как для новичка, это выглядит будто мы сначала создали массив obj, а потом просто превратили его в объект const ...
GerMak's user avatar
  • 33
0 голосов
0 ответов
19 показов

Как отобразить position: absolute элемент поверх родителя с прокруткой

У меня в проекте есть div c overflow-x: auto, ограниченный по высоте (например 500px). Когда высота div по мере роста количества элементов внутри него становится более 500px, появляется вертикальный ...
Vadim Mokrushin's user avatar
1 голос
2 ответа
38 показов

В чём разница между этими двумя функциями?

В чём разница между функциональным выражением (в первом случае) и функцией (во втором случае) в блоке try? Почему при попытке выполнения кода, как в первом случае, выдаётся ошибка, но не выполняется ...
GerMak's user avatar
  • 33
0 голосов
0 ответов
20 показов

при фокусироке на input съезжает весь header в safari ios

Всем привет. Появилась такая проблема, при фокусировке на input и появлении клавиатуры, сверху появляется пустое пространство. header имеет position fixed, а input absolute относительно родительского ...
Степан Снигур's user avatar
0 голосов
0 ответов
26 показов

Белые цвета снизу и сверху на Iphone

Учусь по не многу верстке, и когда я решил посмотреть как мой сайт будет выглядеть на телефоне, увидел белые цвета снизу и с верху: Мне нужно это изменить, но я не нашел решения. Подскажите куда ...
Degree's user avatar
  • 141
0 голосов
0 ответов
17 показов

Как я могу отобразить передвижение маркера по маршруту, построенному с использованием API Яндекс карт?

Для небольшого университетского проекта я пытаюсь сделать анимацию передвижения маркера вдоль построенного маршрута. (Не собираюсь использовать API для трекинга). На данный момент мне удалось ...
MaCCori's user avatar
3 голоса
3 ответа
130 показов

Помогите в решении нестандартного блока на html css

Кто знает как решить данную задачу? Возможно есть уже какое то готовое решение сохраненное на кодпене или может быть кто то сталкивался с похожей задачей и сможет поделится её решением? Спасибо
NoNaMe's user avatar
  • 49
0 голосов
0 ответов
29 показов

Адаптивная верстка работает не для всех устройств

Сейчас работаю над проектом, нужно сделать адаптивную и отзывчивую верстку сайта (ничего сверхестественного), делал такое сотни раз, но сейчас, после загрузки на хостинг, у некоторых людей с телефонов ...
Andrei Sorokin's user avatar
0 голосов
1 ответ
44 показа

Почему не работает данный код typescript?

Я хочу перебрать изображения и получить их ключ. Но не могу понять, почему данный код не работает: const tokenCheckboxes: ReactNode[] = images.map((image: ReactNode) => { const name: string = image!...
blnk.off's user avatar
0 голосов
0 ответов
15 показов

Подскажите пожалуйстаб. Как редактиовать код в сервере, я хочу редактировать проект фронтенд в сервере

я с помощью firezilla подключаюсь к серверу Sftp код меняется в сервере но нечего не меняется в сайте
Hayk Asatryan's user avatar
0 голосов
0 ответов
17 показов

Считывание файла из буфера обмена с Clipboard API

Пытаюсь считать файл из буфера обмена с помощью Clipboard API. const clipboard = await window.navigator.clipboard.read(); console.debug(clipboard); Браузер выдаёт ошибку при выполнении данного кода: ...
Vadim Mokrushin's user avatar
0 голосов
0 ответов
44 показа

Вернуть "консоль", где запускался проект на NextJS через npm start

Возникла проблема, был запущен проект на NextJS через npm start в Терминале 1, затем был создан новый Терминал 2(все действия происходят в VS code), где мы имеем возможность взаимодействовать с ней, ...
Nick Wide's user avatar
0 голосов
0 ответов
18 показов

Не корректно работает бургер-меню (меню не появляется когда открыт бургер)

Сам крестик анимируется, и видно, что при уменьшении ширины экрана меню уезжает на верх. Но при нажатии на бургер меню не открывается. Был использован обнуляющий стиль и миксины. Я новичок, уже всю ...
Дарья's user avatar
0 голосов
2 ответа
23 показа

Проблема не могу вытщить get запросом один элеменет в масиве

"apartment_images": [ { "id": 10, "image": "https://vm4506017.43ssd.had.wf/media/apartment/image_rv_seven.png&...
DIGMEN_GG's user avatar
0 голосов
0 ответов
22 показа

Как отключить ненужное сообщение в Vite?

Я вывожу в консоль props функционального компонента React. Я использовал компонент в App.jsx только 1 раз. Vite мне выводит 2 консоль лога: Object {name: "Игорь"}...
4elovek-4yBak's user avatar
0 голосов
0 ответов
9 показов

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

У меня есть проект с музыкой. (Nuxt.js + PHP на беке) Сейчас у меня прослушивание трека идет только после полной загрузки файла mp3 при нажатии на красную кнопку. На бекенде просто отдаю целиковый ...
mrzlanx532's user avatar
0 голосов
1 ответ
161 показ

Как обрабатывать серверные ошибки в react? (AXIOS & react-query(tanstack))

Есть ситуация, пользователь регистрируется - отправляет запрос на бэк. Пользователю на почту приходит верификационный код, который нужно ввести на сайте чтобы продолжить регистрацию. И проблема в том, ...
NaN-Simon's user avatar
0 голосов
1 ответ
15 показов

как можно зафиксировать в функции переменную id что бы потом по ней отфильтровать нужный объект?(react)

пожалуйста помогите(, хочу реализовать в своем приложении логику что бы при нажатии на карточку всплывало модальное окно с дополнительной информацией в виде скриншота и описания. Проблема возникла ...
Урукава's user avatar
1 голос
0 ответов
34 показа

Предзагрузка картинок из под background-image

Я делаю сайт и заказчику понадобилась анимация смены картинок на заднем фоне. Задний фон у меня отрисовывается в элементе div и свойством background-image. И теперь еще и анимируется. Но при анимации ...
Vladimir's user avatar
0 голосов
0 ответов
13 показов

как выровнять текст с помощью flexbox?

Я решил сделать боковое меню, и применил в нем flexbox, но не могу выровнять текст по центру. https://codepen.io/ArtaDoxoff/pen/zYmbrMx код по ссылке
2SeeD's user avatar
  • 3
0 голосов
3 ответа
67 показов

Почему появляется вертикальный скролл?

Объясните пожалуйста почему появляется вертикальный скролл и как избавиться от него ? HTML: * { margin: 0px; padding: 0px; } a { text-decoration: none; } html { width: 100%; ...
denikotin's user avatar
1 голос
0 ответов
19 показов

При переходе на таск крашится канбан доска на реакте [дубликат]

При переходе на таск должно открываться его описание. Cannot read properties of undefined (reading 'path') TypeError: Cannot read properties of undefined (reading 'path') <Routes> &...
hellwail's user avatar
0 голосов
0 ответов
15 показов

Возможно ли скрыть часть элементов в forms.Select? А если нет, то как визуализировать для пользователя полу OneToOne Field?

Столкнулся с проблемой отображения поля OneToOne Field. Суть такова, что есть две модели, "Статус АСК" и "Компьютер", в модели "Статус АСК" есть поле "comps_to_work&...
Dummy_Django's user avatar
0 голосов
0 ответов
35 показов

Почему не получается переопределить background-color

В зависимости от состояния, блок должен менять цвет. Все нечетные блоки имеют цвет $smoky-white, а блоки в состоянии open должны иметь цвет $platinum. Проблема в то, что у &:nth-child(odd) блоков ...
Vadim Mokrushin's user avatar
0 голосов
1 ответ
30 показов

Не понимаю как убрать горизонтальный скролл, не используя при этом overflow: hidden? Новичок в вёрстке и фронте в целом

Не понимаю как убрать горизонтальный скролл, не используя при этом overflow: hidden. Почему вообще здесь появляется скролл? Вот сам код HTML и CSS соответственно: /* Обнуляющие стили */ * { ...
GerMak's user avatar
  • 33
0 голосов
0 ответов
33 показа

Не всегда погружает видео с YouTube Api

let tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; let firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode....
Kostya Khmylov's user avatar
0 голосов
0 ответов
41 показ

Телеграм-бот telegraf.js не работает на другом пк и на мобильном

Всем привет, делаю бота на JavaScript, задача получить у пользователя аудиофайл и описание к нему, конвертировать полученный аудиофайл в голосовое сообщение и вернуть пользователю это сообщение вместе ...
Дмитрий Кудрявцев's user avatar
0 голосов
0 ответов
19 показов

Не запускается реакт приложение с полем proxy

Добрый день или же вечер, когда я пытался связать бек и фронт(бек я писал на express.js, а фронт на реакте), и попытался добавить в package.json поле proxy со значением "http://localhost:5000&...
Илья Жиленков's user avatar
0 голосов
1 ответ
31 показ

подскажите в чем ошибка JavaScript

нужно сделать dropdown menu, при нажатии на стрелочку меню появляется на долю секунды и возвращается обратно. Как это можно исправить? const bars = document.querySelector("#bars"), strengthDiv = ...
ivaivie's user avatar
  • 41
0 голосов
0 ответов
41 показ

Не работает calc(100% - 5.6rem) в Material ui

Я пытался использовать makeStyles result: { height: 'calc(100% - 5.6rem)' } Не работает. Пробовал inline sx={{ height: 'calc(100% - 5.6rem)' }} Так же не работает Но если использовать calc без 100%...
Руслан Усманов's user avatar
0 голосов
1 ответ
35 показов

nginx не доставляет ошибки на фронт

Все уже из гуглил что мог, что кроме как этот пост пока вариантов нет как решить сей вопрос) Имеем nginx вот с такими настройками worker_processes 1; events { worker_connections 1024; } http { ...
Spy's user avatar
  • 21
0 голосов
0 ответов
26 показов

нужно поменять часы работы

Всем привет, надо решить задачку, есть Opening Hours нужно чтобы понедельник был Closed, а в субботу и воскресенье 0:00pm исправить на 12:00pm есть админка, где можно поменять, но видимо логика ...
Ataibek Salamatov's user avatar
0 голосов
0 ответов
15 показов

не работает прослушивание option на мобильной версии

let selectBtn = document.querySelectorAll("option"); for (let btn of selectBtn) { btn.addEventListener("click", selFunc /* функция для селектора */); } <select id="sort-div"> <...
Radeflex's user avatar
0 голосов
1 ответ
25 показов

не могу задать каждой кнопке открытие определенного блока в js

При нажатии на 1 кнопку срабатывают сразу все let btns = document.querySelectorAll(".btn-show"); let blocks = document.querySelectorAll(".dir-info-block"); btns.forEach((btn) => { blocks....
Radeflex's user avatar
1 голос
0 ответов
53 показа

Преобразовать прогресс-бар в виде линии в кружок

Есть вот такой вот прогресс-бар в виде линии <div class="rating__nextlevel__progress"> <div class="progress-bar"> <div class="percent-count"&...
evgeni2306's user avatar
0 голосов
1 ответ
118 показов

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

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

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

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