Вопросы с меткой [frontend]
Фронтэнд — это часть приложения, с которой взаимодействует пользователь (интерфейс пользователя). Чаще всего этот термин применяют в веб-разработке, где он обозначает HTML,CSS и JavaScript; в разработке десктопных приложений – оконный фреймворк и формы, с которыми взаимодействует пользователь; в консольных программах – доступные команды и аргументы.
998
вопросов
0
голосов
0
ответов
22
показа
Подскажите пожалуйста с расположением элементов
Подскажите пожалуйста как расположить buttons и cards, чтобы cards были возле buttons и занимали весь оставшийся размер страницы, а не снизу. Должно что-то похожее на форум reddit
@using Forum_MVC....
0
голосов
1
ответ
31
показ
Растянуть элементы
У меня есть горизонтальный список (количество элементов может быть разным). Каждый элемент списка состоит из заголовка, длина которого зависит от количества текста в нём, и кнопки фиксированной длины. ...
0
голосов
1
ответ
36
показов
Как реализовать прозрачность блока?
Подскажите пожалуйста, как реализовать вот такую прозрачность по краям блока и в нижних углах?
Работаю с самого утра, вот дошёл до этого блока и голова уже забита.
0
голосов
0
ответов
23
показа
Ошибка при открытии файлы .jsx django
Делаю сайт на react с back-end на django. Мне нужно было запустить мой yarn. Сделал по гайду на django-yarn, но при запуске выскакивает ошибка (Failed to load module script: Expected a JavaScript ...
0
голосов
0
ответов
12
показов
Как расположить слайдер в блоке?
Делаю сайт для магазина интернет одежды, сам я по направлению разбираюсь в бэке, фронт у меня очень слабоватый, поэтому и случаются такие ситуации, заранее прошу простить за свою глупость.
У меня есть ...
0
голосов
1
ответ
21
показ
Не могу задеплоить Веб-сайт на Vercel
Никак не получается сделать deploy своего html проекта. Хотя вроде бы я прописал необходимые vercel.json и package.json, но все равно выводит ошибку
404: NOT_FOUND
Code: NOT_FOUND
ID: arn1::2fj29-...
0
голосов
1
ответ
21
показ
Не работает navbar на мобильных устройствах bootstrap 5.3
Добавил навигационную панель на сайт при помощи bootsrap, на компах все нормальное, а на планшет и мобильных устройствах (когда панель уменьшается в 3 полоски) она просто не работает. Когда юзер ...
-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 ...
0
голосов
0
ответов
19
показов
После компиляции проекта, при помощи Gulp, не отображаются некоторые стили и все шрифты
третий день ломаю голову над проблемой - после компиляции проекта при помощи Gulp - не отображаются все шрифты (проблема в том, что они копируются в папку билда dist (woff и woff2 с приставкой fonts**....
0
голосов
0
ответов
15
показов
Калькулятор при нажатии на кнопки возвращает Nan [дубликат]
Вот код:
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
firstNum: null,
secondNum: null,
operand: '',
number: [
...
1
голос
1
ответ
40
показов
fullstack сайт и админ панель [закрыт]
Всем добрый день, столкнулся сегодня со следующей проблемой:
у меня в проекте есть три папки:
admin - админ панель (React)
backend - серверная часть сайта (Node.js + express)
frontend - основной сайт ...
1
голос
2
ответа
51
показ
Удалить все треки из "Мне нравится" в Яндекс.Музыке
Задача - очистить плейлист "Мне нравится" в Yandex.Music
Пока не вижу вариантов кроме как написать скрипт для удаления каждого из треков. В коде вижу, что jQuery подключен.
1
голос
3
ответа
96
показов
Как оптимизировать код для сравнения одного числа с четырьмя другими?
Ребят, подскажите, как можно сделать так, чтобы проверить, что переменная numberOne одновременно больше всех остальных чисел? (Помимо варианта, где мы с помощью оператора И сравниваем его с каждой из ...
0
голосов
1
ответ
40
показов
Можно ли так задать массив объектов?
Не сильно понимаю, как создаётся массив объектов obj. Может кто-то объяснить? Для меня, как для новичка, это выглядит будто мы сначала создали массив obj, а потом просто превратили его в объект
const ...
0
голосов
0
ответов
19
показов
Как отобразить position: absolute элемент поверх родителя с прокруткой
У меня в проекте есть div c overflow-x: auto, ограниченный по высоте (например 500px). Когда высота div по мере роста количества элементов внутри него становится более 500px, появляется вертикальный ...
1
голос
2
ответа
38
показов
В чём разница между этими двумя функциями?
В чём разница между функциональным выражением (в первом случае) и функцией (во втором случае) в блоке try? Почему при попытке выполнения кода, как в первом случае, выдаётся ошибка, но не выполняется ...
0
голосов
0
ответов
20
показов
при фокусироке на input съезжает весь header в safari ios
Всем привет.
Появилась такая проблема, при фокусировке на input и появлении клавиатуры, сверху появляется пустое пространство.
header имеет position fixed, а input absolute относительно родительского ...
0
голосов
0
ответов
26
показов
Белые цвета снизу и сверху на Iphone
Учусь по не многу верстке, и когда я решил посмотреть как мой сайт будет выглядеть на телефоне, увидел белые цвета снизу и с верху:
Мне нужно это изменить, но я не нашел решения. Подскажите куда ...
0
голосов
0
ответов
17
показов
Как я могу отобразить передвижение маркера по маршруту, построенному с использованием API Яндекс карт?
Для небольшого университетского проекта я пытаюсь сделать анимацию передвижения маркера вдоль построенного маршрута. (Не собираюсь использовать API для трекинга). На данный момент мне удалось ...
3
голоса
3
ответа
130
показов
Помогите в решении нестандартного блока на html css
Кто знает как решить данную задачу? Возможно есть уже какое то готовое решение сохраненное на кодпене или может быть кто то сталкивался с похожей задачей и сможет поделится её решением? Спасибо
0
голосов
0
ответов
29
показов
Адаптивная верстка работает не для всех устройств
Сейчас работаю над проектом, нужно сделать адаптивную и отзывчивую верстку сайта (ничего сверхестественного), делал такое сотни раз, но сейчас, после загрузки на хостинг, у некоторых людей с телефонов ...
0
голосов
1
ответ
44
показа
Почему не работает данный код typescript?
Я хочу перебрать изображения и получить их ключ. Но не могу понять, почему данный код не работает:
const tokenCheckboxes: ReactNode[] = images.map((image: ReactNode) => {
const name: string = image!...
0
голосов
0
ответов
15
показов
Подскажите пожалуйстаб. Как редактиовать код в сервере, я хочу редактировать проект фронтенд в сервере
я с помощью firezilla подключаюсь к серверу Sftp код меняется в сервере но нечего не меняется в сайте
0
голосов
0
ответов
17
показов
Считывание файла из буфера обмена с Clipboard API
Пытаюсь считать файл из буфера обмена с помощью Clipboard API.
const clipboard = await window.navigator.clipboard.read();
console.debug(clipboard);
Браузер выдаёт ошибку при выполнении данного кода:
...
0
голосов
0
ответов
44
показа
Вернуть "консоль", где запускался проект на NextJS через npm start
Возникла проблема, был запущен проект на NextJS через npm start в Терминале 1, затем был создан новый Терминал 2(все действия происходят в VS code), где мы имеем возможность взаимодействовать с ней, ...
0
голосов
0
ответов
18
показов
Не корректно работает бургер-меню (меню не появляется когда открыт бургер)
Сам крестик анимируется, и видно, что при уменьшении ширины экрана меню уезжает на верх. Но при нажатии на бургер меню не открывается. Был использован обнуляющий стиль и миксины. Я новичок, уже всю ...
0
голосов
2
ответа
23
показа
Проблема не могу вытщить get запросом один элеменет в масиве
"apartment_images": [
{
"id": 10,
"image": "https://vm4506017.43ssd.had.wf/media/apartment/image_rv_seven.png&...
0
голосов
0
ответов
22
показа
Как отключить ненужное сообщение в Vite?
Я вывожу в консоль props функционального компонента React. Я использовал компонент в App.jsx только 1 раз. Vite мне выводит 2 консоль лога:
Object {name: "Игорь"}...
0
голосов
0
ответов
9
показов
Постепенная подгрузка аудио при прослушивании
У меня есть проект с музыкой. (Nuxt.js + PHP на беке)
Сейчас у меня прослушивание трека идет только после полной загрузки файла mp3 при нажатии на красную кнопку. На бекенде просто отдаю целиковый ...
0
голосов
1
ответ
161
показ
Как обрабатывать серверные ошибки в react? (AXIOS & react-query(tanstack))
Есть ситуация, пользователь регистрируется - отправляет запрос на бэк. Пользователю на почту приходит верификационный код, который нужно ввести на сайте чтобы продолжить регистрацию. И проблема в том, ...
0
голосов
1
ответ
15
показов
как можно зафиксировать в функции переменную id что бы потом по ней отфильтровать нужный объект?(react)
пожалуйста помогите(, хочу реализовать в своем приложении логику что бы при нажатии на карточку всплывало модальное окно с дополнительной информацией в виде скриншота и описания. Проблема возникла ...
1
голос
0
ответов
34
показа
Предзагрузка картинок из под background-image
Я делаю сайт и заказчику понадобилась анимация смены картинок на заднем фоне. Задний фон у меня отрисовывается в элементе div и свойством background-image. И теперь еще и анимируется. Но при анимации ...
0
голосов
0
ответов
13
показов
как выровнять текст с помощью flexbox?
Я решил сделать боковое меню, и применил в нем flexbox, но не могу выровнять текст по центру.
https://codepen.io/ArtaDoxoff/pen/zYmbrMx
код по ссылке
0
голосов
3
ответа
67
показов
Почему появляется вертикальный скролл?
Объясните пожалуйста почему появляется вертикальный скролл и как избавиться от него ?
HTML:
* {
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
}
html {
width: 100%;
...
1
голос
0
ответов
19
показов
При переходе на таск крашится канбан доска на реакте [дубликат]
При переходе на таск должно открываться его описание.
Cannot read properties of undefined (reading 'path')
TypeError: Cannot read properties of undefined (reading 'path')
<Routes>
&...
0
голосов
0
ответов
15
показов
Возможно ли скрыть часть элементов в forms.Select? А если нет, то как визуализировать для пользователя полу OneToOne Field?
Столкнулся с проблемой отображения поля OneToOne Field. Суть такова, что есть две модели, "Статус АСК" и "Компьютер", в модели "Статус АСК" есть поле "comps_to_work&...
0
голосов
0
ответов
35
показов
Почему не получается переопределить background-color
В зависимости от состояния, блок должен менять цвет. Все нечетные блоки имеют цвет $smoky-white, а блоки в состоянии open должны иметь цвет $platinum.
Проблема в то, что у &:nth-child(odd) блоков ...
0
голосов
1
ответ
30
показов
Не понимаю как убрать горизонтальный скролл, не используя при этом overflow: hidden? Новичок в вёрстке и фронте в целом
Не понимаю как убрать горизонтальный скролл, не используя при этом overflow: hidden.
Почему вообще здесь появляется скролл?
Вот сам код HTML и CSS соответственно:
/* Обнуляющие стили */
* {
...
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....
0
голосов
0
ответов
41
показ
Телеграм-бот telegraf.js не работает на другом пк и на мобильном
Всем привет, делаю бота на JavaScript, задача получить у пользователя аудиофайл и описание к нему, конвертировать полученный аудиофайл в голосовое сообщение и вернуть пользователю это сообщение вместе ...
0
голосов
0
ответов
19
показов
Не запускается реакт приложение с полем proxy
Добрый день или же вечер, когда я пытался связать бек и фронт(бек я писал на express.js, а фронт на реакте), и попытался добавить в package.json поле proxy со значением "http://localhost:5000&...
0
голосов
1
ответ
31
показ
подскажите в чем ошибка JavaScript
нужно сделать dropdown menu, при нажатии на стрелочку меню появляется на долю секунды и возвращается обратно. Как это можно исправить?
const bars = document.querySelector("#bars"),
strengthDiv = ...
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%...
0
голосов
1
ответ
35
показов
nginx не доставляет ошибки на фронт
Все уже из гуглил что мог, что кроме как этот пост пока вариантов нет как решить сей вопрос)
Имеем nginx вот с такими настройками
worker_processes 1;
events { worker_connections 1024; }
http {
...
0
голосов
0
ответов
26
показов
нужно поменять часы работы
Всем привет, надо решить задачку, есть Opening Hours нужно чтобы понедельник был Closed, а в субботу и воскресенье 0:00pm исправить на 12:00pm
есть админка, где можно поменять, но видимо логика ...
0
голосов
0
ответов
15
показов
не работает прослушивание option на мобильной версии
let selectBtn = document.querySelectorAll("option");
for (let btn of selectBtn) {
btn.addEventListener("click", selFunc /* функция для селектора */);
}
<select id="sort-div">
<...
0
голосов
1
ответ
25
показов
не могу задать каждой кнопке открытие определенного блока в js
При нажатии на 1 кнопку срабатывают сразу все
let btns = document.querySelectorAll(".btn-show");
let blocks = document.querySelectorAll(".dir-info-block");
btns.forEach((btn) => {
blocks....
1
голос
0
ответов
53
показа
Преобразовать прогресс-бар в виде линии в кружок
Есть вот такой вот прогресс-бар в виде линии
<div class="rating__nextlevel__progress">
<div class="progress-bar">
<div class="percent-count"&...
0
голосов
1
ответ
118
показов
как взаимодействует фронтенд и бекэнд React
я занимаюсь фронтенд-частью приложения, но фронтенд должен всегда взаимодействовать с бекэндом.
Я знаю, что все это происходит через API и запросы (post/get/delete)
Но не понимаю, какую инфу корректно ...
0
голосов
0
ответов
15
показов
Не подгружается фотография на html страницу
Не отображается фотография в браузере. Она идет как background-image
в блоке . Этот блок находится в родителе секции
<!DOCTYPE html>
<html lang="ru">
<head>
<...