Skip to main content

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

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

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

Как защитить данные (или ссылки) на документы на сайте? [закрыт]

Всем привет! Я пишу сайт с готовыми шаблонами для расчета каких-либо вещей в ворде. То есть, я собираю с пользователя исходные данные, потом их определенным образом калькулирую и возвращаю ответ в ...
Эдуард's user avatar
0 голосов
0 ответов
32 показа

Можете дать оценку и советы эффективности моего обучения [закрыт]

Хотел бы попросить совета относительно эффективности моего обучения фронтенду. Ранее я уже занимался программированием, но часто забрасывал. Сейчас возобновил учебу, ориентируясь больше на дисциплину, ...
Ramazan Ahriev's user avatar
-1 голос
1 ответ
45 показов

Vue это чистый front-end или back-end? [закрыт]

Фреймворк Vue это только frontend или его можно использовать как и backend? Или можно сделать как-то 2 в 1?
XiMiK's user avatar
  • 1
0 голосов
0 ответов
14 показов

Организовать вложенную фильтрацию на Fastapi [закрыт]

Есть фильтр А, от него количественно зависят фильтр Б и С. Фильтр Б соответственно влияет на Фильтр С, но не может влиять на фильтр А. На странице располагается таблица, фильтры по факту должны быть ...
Александр Андреев's user avatar
0 голосов
1 ответ
19 показов

React native проиcходит обработка нажатий на BottomTabTar вне зоны его отрисовки

Собственно имеется экран контейнер для вкладок с кодом навигатора в виде bottomtabbar, на самих экранах имеются множество разных компонентов, флэтлист, флэт грид, скроллы, модалки и т.д. Само ...
Gloster's user avatar
  • 121
0 голосов
0 ответов
18 показов

Аргументы storybook

У меня есть компонент input: import clsx from 'clsx' import styles from './input.module.scss' import {ChangeEvent, ComponentPropsWithoutRef, ElementRef, forwardRef, useState} from 'react' import {...
Emil Gasanov's user avatar
0 голосов
0 ответов
22 показа

Хеш-ссылки в Nuxt 3 запускают миддлвары

Мне нужно сделать простое содержание статьи в приложении на Nuxt 3. Содержание генерируется джаваскриптом, то есть во vue-шаблоне этой верстки нет. Само содержание в целом работает, но: Настройка на ...
Anton Malyarov's user avatar
1 голос
0 ответов
46 показов

Как сделать проект в котором будет окошко, а внутри график, внутри этого окошка нужно будет перемещаться перетягиванием мышкой?

В проекте должно быть окошко, а в нем может быть график любой высоты и ширины. На этот график можно будет нажимать и там возможно будет что-то происходить. По этому окошку можно будет перемещаться ...
Re Star's user avatar
  • 11
1 голос
1 ответ
35 показов

Есть ли не костыльный способ передавать состояния между компонентами React?

Недавно работаю с React, и очень сильно смущает одна вещь - то, как здесь предлагается передавать данные между компонентами. Сама идея компонентов мне видится в том, чтобы сделать приложение модульным,...
Maksim Maltsev's user avatar
0 голосов
0 ответов
25 показов

Как сделать что бы swiper прокручивал только на один слайд

Когда устанавливаю loop={true} для бесконечной прокрутки, то часто при сильном свайпе, слайдер прокручивается не на один слайд, а сразу на два, особенно это видно когда в слайдере всего два слайда - ...
vvtvvtvvt1's user avatar
0 голосов
0 ответов
238 показов

Глючит клавиатура в Telegram Web App на IOS

Всем привет! На днях начали разрабатывать приложение на telegram web app и столкнолись с неожиданной проблемой, на IOS устройствах web app прячется за клавиатурой (прикрепил скрин с проблемой) Хотя ...
Николай Гусев's user avatar
0 голосов
0 ответов
39 показов

Можете помочь с деплоингом в Гитхаб

Сделал сайт на основе React, загрузил на репозиторий а, сделал: npm build npm install gh-pages --save-dev за коммитил и push npm run deploy Было написано что успешно загружено, посмотрел вышел домен,...
Ulykpan Kaisar's user avatar
1 голос
0 ответов
21 показ

Поле ввода текста теряет фокус после ввода символа

Пытаюсь сделать простое приложение, которое будет отображать на странице введенный текст. Во-первых, введенный текст не отображается. Во-вторых, поле ввода теряет фокус после каждого введенного ...
Larian's user avatar
  • 23
1 голос
0 ответов
42 показа

Как проверить JWT токены на Фронтенде Angular?

Подскажите пожалуйста! У меня учебный проект. Есть Frontend на Angular 17 и Backend на Django Rest Framework. Пользователь должен иметь возможность авторизоваться через сторонний API (как авторизация ...
Johnny Leet's user avatar
0 голосов
0 ответов
24 показа

Как сделать прогресс бар для опросника с разными ответами в зависимости от вопроса и его ответа на alpine js

У меня вопросы имеют два ответа да или нет, в зависимости от ответа может быть еще один вопрос или сразу же ответ , ответами считаются те обьекты у которых choices: [], nextQuestions: [], пустые, как ...
Tony's user avatar
  • 11
0 голосов
0 ответов
19 показов

Страница вылезает за рамки с фрэймом карты и даже без неё

Создал шапку и добавил 2 небольших блока, страница начала уходить в бок, появилась горизонтальная крутилка внизу. А когда добавил фрэйм карты, так вообще убежала.Не знаю как фиксить, помогите ...
NIKOLAY.B's user avatar
0 голосов
1 ответ
28 показов

не работает first-child [закрыт]

#theme-switch:first-child { position: absolute; display: none; } <div id="theme-switch"> <img src="images/theme-dark.png" alt=""> </div> <div ...
123 123's user avatar
0 голосов
0 ответов
30 показов

Почему не работает v-model для компонента на странице?

У меня есть компонент инпут, использую его на своей странице. Мне необходимо чтобы значение его value связывалось с пропсом email на моей странице, но почему-то не работает. Значение как было пустым ...
jaylee's user avatar
  • 1
0 голосов
0 ответов
31 показ

Ошибка при команде npm install npm start

скачал данный проект, backend запустил успешно. А вот frontend выдаёт ошибку если идти по инструкции с гитхата и использовать команду "npm install npm start". Как я могу устранить данную ...
user593254's user avatar
-3 голоса
1 ответ
89 показов

Помогите с SVG плиз!

Обясните пожалуйста кто-то, что я делаю не так??? почему не отображается ни одна svg иконка?? просто белая страница, ошибок в консоли 0.... <!DOCTYPE html> <html lang="en"> <...
Alkani4's user avatar
  • 15
0 голосов
1 ответ
48 показов

Помогите исправить баг со слайдером для аудио-плеера

Делаю аудио-плеер. Использую слайдер для переключения времени. Вот в чем проблема: когда музыка на паузе, то все ок, но когда играет, то слайдер при использовании дергается. HTML: <input type="...
Эдуард Михайлов's user avatar
0 голосов
0 ответов
30 показов

Как сделать похожую разметку с использованием 100vh?

Вот это пример сайта который я нашел в интернете, весь контент на экране неизменно занимает 100% высоты и я не понимаю как мне сделать что то подобное, сколько оберток делать, куда задать background-...
tempuser_name's user avatar
0 голосов
1 ответ
44 показа

Не могу нормально передать изображение пропсом во Vue.js

У меня есть компонент, который содержит картинку и текст. Компоненты отрисовываются через массив объектов. при этом я не могу нормально передать изображение, при чем я использую require и даже так не ...
Jaylee's user avatar
  • 3
0 голосов
1 ответ
52 показа

Не листается вертикальный Swiper [NUXT]

Всем привет, столкнулся с такой проблемой что слайды просто не перелистываются/перетягиваются в вертикальном положении, а так же нету реакции на прокрутку колесика мышки. Но при этом в горизонтальном ...
WeilBrain's user avatar
2 голоса
1 ответ
88 показов

Странное задание на позицию Angular разработчика позциция Junior | Request to API | Собеседование

Возможно, мой вопрос покажется слишком странным, но хотелось бы, чтобы вы поделились опытом, как решили вы бы данное задание. Само задание Используя модуль HttpModule, предоставленный Angular 2+, ...
Sergey Gojshyk's user avatar
0 голосов
0 ответов
28 показов

Адаптация стилей: картинка "едет" при изменении монитора

Добрый день! Я только изучаю фронтенд Столкнулся с новой проблемой: адаптация сайта. Я посмотрел видео ролики - с примитивными текстами вроде-бы все понятно. Как насчёт уже готового сайта с большим ...
itwe's user avatar
  • 1
0 голосов
0 ответов
38 показов

В чем заключается отличие SvelteKit от бэкенд-фреймворков

Я совсем новичок и пытаюсь определиться со стеком для своего проекта. Выбор пал на django+svelte. В момент падения выбора я предполагал, что svelteKit - нечто, упрощающее маршрутизацию между ...
 krendel's user avatar
2 голоса
0 ответов
34 показа

Change detection OnPush | Default вместе с Signals v16 и v17

В Angular 16 появились сигналы, которые напоминают Subjects из RxJS. Все операции, которые можно выполнить с помощью сигналов, можно выполнить и с помощью Subjects. Как я понял основное отличие ...
Sergey Gojshyk's user avatar
0 голосов
1 ответ
28 показов

Почему при добавлении overflow-y-hidden так же скрывается горизонтальная часть

В стилях добавил только overflow-y: hidden, но почему-то вместе с этим скрывается и горизонтальная часть. overflow-x: visible не помогает
Марат Габдрашитов's user avatar
0 голосов
1 ответ
40 показов

Как оптимизировать сайт на react

При создании сайта на react я столкнулся с проблемой. В компонентах я использую useEffect для отрисовки элементов в зависимости от ширины экрана: const [sizeChange, setSizeChange] = useState(false); ...
Somemman's user avatar
0 голосов
1 ответ
76 показов

Next.js getServerSideProps в Vercel страница не открывается, ошибка: The serverless function has timed out

Столкнулся с ошибкой Vercel, после того как перешёл на SSR в Next.js (добавил на страницу getServerSideProps). На локалке всё работало, а после деплоя в Vercel, страница не грузится, показывает ошибку ...
Андрей Рик's user avatar
-1 голос
1 ответ
59 показов

Двухстороннее связывание данных Vue

Имеется форма с таблицой у каждой строки чекбокс, задача делать доступным чекбокс при условии что внесены дополнительные данные для строки из модалки. структура такая: <div> <v-data-table ...
AlexT's user avatar
  • 1
0 голосов
1 ответ
56 показов

Где хранить refreshToken на фронте?

Пытаюсь разобраться с JWT авторизацией применительно к фронтенд приложению. Есть 2 токена Первый авторизационный accessToken у которого время жизни маленькое (15 минут для примера) Второй ...
abakan's user avatar
  • 651
0 голосов
0 ответов
37 показов

Белый экран вместо компонентов в Angular

Пишу приложение на ангуляр. Использую 3 компоненты. Для примера приведу 1. Здесь у меня происходит отображение новостей: feed.component.ts: import { Component, OnInit } from '@angular/core'; ...
Артём Багно's user avatar
0 голосов
1 ответ
14 показов

Vue.js не записывается поле

Не записывается поле this.chats в методе get_chats(). Причем, внутри метода this.chats есть, а если вызвать за пределами, то уже нет. Возможно проблема в запросе... new Vue({ el: '#app', ...
Artem's user avatar
  • 28
0 голосов
0 ответов
32 показа

Запрос на изменение данных работает бесконечно долго

Помогите разобраться с запросом. У меня есть две страницы: Profile.html, на которой отображаются данные пользователя. При нажатии на кнопку Изменить, пользователь попадает на страницу ChangeProfile....
супер мэн's user avatar
0 голосов
1 ответ
112 показов

Fancybox toolbar for html content type

люди добрые, помогите! Нужно добавить в toolbar стандартные кнопки "Zoom in", "Zoom out" и "Downlod" вот метод для карусели, но работает и все замечательно methods: { ...
NoxA's user avatar
  • 1
0 голосов
1 ответ
37 показов

Проблема со вложенными grid

Есть макет ниже. На нём сетка, которая заполняется в зависимости от высоты родителя, с блоками, которые содержать слово, белое и красное числа. Числа выравнены по правому краю по вертикали. В текущей ...
user23664600's user avatar
0 голосов
0 ответов
13 показов

Использование плагина изображений CKEditor через CDN

Как можно интегрировать в CKEditor вставку изображений без прибегания к node-npm. Стек jquery чистый htmlcss + python bottle
Vladimir Sokolov's user avatar
0 голосов
1 ответ
40 показов

Как сделать так что бы фото перекрывало блок(обводку) , но при этом блок вылазит за границы

.photo-services { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 120px; } .photo-services__item { margin-bottom: 80px; max-width: 400px; } ....
Alexander's user avatar
0 голосов
1 ответ
55 показов

Скачивание csv в формате таблицы

Делаю скачивание и формирование csv. С бэка приходит мсассив headers и массив data, нужно закинуть все это в csv и скачать, это я сделал. Но в скаченном файле таблица в одну длинющую строку, а нужно, ...
DEADLINE's user avatar
0 голосов
2 ответа
107 показов

Сортировка товаров на сайте с помощью тега <select> в React

Всем привет, я новичок в React и только начинаю понимать азы. Сейчас я создаю сайт магазина одежды для самообучения, имитируя существующий сайт "spbtusa.ru" На данный момент у меня проблема ...
Animeybe's user avatar
0 голосов
0 ответов
48 показов

Цикличный carousel slider с повторяющимися элементами

У меня есть слайдер с 3 картинками, который проигрывается автоматически при клике на контейнер. Проблема заключается в том, что после 3 картинки слайдер перемещается в начало, то есть к 1 картинке. Я ...
sl1degod's user avatar
1 голос
1 ответ
155 показов

Pinia - как добавить данные

Использую vueUse для работы с localStorage и Pinia, но не могу понять, почему при вызове функции обновления не добавляется новый элемент объекта const tasks = useStorage( STORE_NAME, { ...
Сергей's user avatar
0 голосов
0 ответов
20 показов

Мне нужно чтобы при ререндеринге страницы данные, добавленные на неё ранее сохранялись. REACT

Всем привет! Освоив азы react'a я решил сразу применить знания на практике, решил создать клон сайта https://app.todoist.com/app/today, ( todo приложение с разными страницами, проектами, разделами и т....
ploxer's user avatar
  • 1
0 голосов
0 ответов
18 показов

Как добавить шрифт Cramaten?

Не могу подключить даный шрифт, в фигме есть в интернете не найду
user585695's user avatar
0 голосов
0 ответов
103 показа

Нарисовать график на React с помощью библиотеки

Всем привет! Кто знает, подскажите, пожалуйста, как нарисовать вот такой график с помощью библиотеки Mui X, ну или с помощью другой библиотеки. Вся сложность заключается в следующем. В зависимости от ...
emmagomedov's user avatar
0 голосов
1 ответ
52 показа

На какой стороне лучше обрабатывать ввод данных в форму авторизации?

Пишу сайт на Flask. Добрался до написания личного кабинета пользователя. Отправляю данные формы логина через ajax в бэк. И вот самый вопрос: могу ли я обработать правильность введённых данных в ...
MEXANIZM100's user avatar
0 голосов
0 ответов
10 показов

Проблема с вариативным переходом по ссылке

У меня есть компонент Header, в котором находится логотип-ссылка, поведение этой ссылки зависит от того на какой странице в данный момент находится пользователь, если на главной, то переход будет на ...
woolMe's user avatar
  • 47
0 голосов
1 ответ
192 показа

HTML CSS Как сделать чтобы блок выходил за границы экрана но при этом горизонтального скролла не было?

.test_p { max-width: 300px; position: absolute; overflow: hidden; right: -50px; } <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="...
user avatar