Вопросы с меткой [frontend]
Фронтэнд — это часть приложения, с которой взаимодействует пользователь (интерфейс пользователя). Чаще всего этот термин применяют в веб-разработке, где он обозначает HTML,CSS и JavaScript; в разработке десктопных приложений – оконный фреймворк и формы, с которыми взаимодействует пользователь; в консольных программах – доступные команды и аргументы.
1,087
вопросов
-1
голос
0
ответов
54
показа
Как защитить данные (или ссылки) на документы на сайте? [закрыт]
Всем привет! Я пишу сайт с готовыми шаблонами для расчета каких-либо вещей в ворде. То есть, я собираю с пользователя исходные данные, потом их определенным образом калькулирую и возвращаю ответ в ...
0
голосов
0
ответов
32
показа
Можете дать оценку и советы эффективности моего обучения [закрыт]
Хотел бы попросить совета относительно эффективности моего обучения фронтенду. Ранее я уже занимался программированием, но часто забрасывал. Сейчас возобновил учебу, ориентируясь больше на дисциплину, ...
-1
голос
1
ответ
45
показов
Vue это чистый front-end или back-end? [закрыт]
Фреймворк Vue это только frontend или его можно использовать как и backend? Или можно сделать как-то 2 в 1?
0
голосов
0
ответов
14
показов
Организовать вложенную фильтрацию на Fastapi [закрыт]
Есть фильтр А, от него количественно зависят фильтр Б и С.
Фильтр Б соответственно влияет на Фильтр С, но не может влиять на фильтр А.
На странице располагается таблица, фильтры по факту должны быть ...
0
голосов
1
ответ
19
показов
React native проиcходит обработка нажатий на BottomTabTar вне зоны его отрисовки
Собственно имеется экран контейнер для вкладок с кодом навигатора в виде bottomtabbar, на самих экранах имеются множество разных компонентов, флэтлист, флэт грид, скроллы, модалки и т.д. Само ...
0
голосов
0
ответов
18
показов
Аргументы storybook
У меня есть компонент input:
import clsx from 'clsx'
import styles from './input.module.scss'
import {ChangeEvent, ComponentPropsWithoutRef, ElementRef, forwardRef, useState} from 'react'
import {...
0
голосов
0
ответов
22
показа
Хеш-ссылки в Nuxt 3 запускают миддлвары
Мне нужно сделать простое содержание статьи в приложении на Nuxt 3. Содержание генерируется джаваскриптом, то есть во vue-шаблоне этой верстки нет. Само содержание в целом работает, но:
Настройка на ...
1
голос
0
ответов
46
показов
Как сделать проект в котором будет окошко, а внутри график, внутри этого окошка нужно будет перемещаться перетягиванием мышкой?
В проекте должно быть окошко, а в нем может быть график любой высоты и ширины. На этот график можно будет нажимать и там возможно будет что-то происходить. По этому окошку можно будет перемещаться ...
1
голос
1
ответ
35
показов
Есть ли не костыльный способ передавать состояния между компонентами React?
Недавно работаю с React, и очень сильно смущает одна вещь - то, как здесь предлагается передавать данные между компонентами. Сама идея компонентов мне видится в том, чтобы сделать приложение модульным,...
0
голосов
0
ответов
25
показов
Как сделать что бы swiper прокручивал только на один слайд
Когда устанавливаю loop={true} для бесконечной прокрутки, то часто при сильном свайпе, слайдер прокручивается не на один слайд, а сразу на два, особенно это видно когда в слайдере всего два слайда - ...
0
голосов
0
ответов
238
показов
Глючит клавиатура в Telegram Web App на IOS
Всем привет! На днях начали разрабатывать приложение на telegram web app и столкнолись с неожиданной проблемой, на IOS устройствах web app прячется за клавиатурой (прикрепил скрин с проблемой)
Хотя ...
0
голосов
0
ответов
39
показов
Можете помочь с деплоингом в Гитхаб
Сделал сайт на основе React, загрузил на репозиторий а, сделал:
npm build
npm install gh-pages --save-dev
за коммитил и push
npm run deploy
Было написано что успешно загружено, посмотрел вышел домен,...
1
голос
0
ответов
21
показ
Поле ввода текста теряет фокус после ввода символа
Пытаюсь сделать простое приложение, которое будет отображать на странице введенный текст.
Во-первых, введенный текст не отображается.
Во-вторых, поле ввода теряет фокус после каждого введенного ...
1
голос
0
ответов
42
показа
Как проверить JWT токены на Фронтенде Angular?
Подскажите пожалуйста! У меня учебный проект. Есть Frontend на Angular 17 и Backend на Django Rest Framework.
Пользователь должен иметь возможность авторизоваться через сторонний API (как авторизация ...
0
голосов
0
ответов
24
показа
Как сделать прогресс бар для опросника с разными ответами в зависимости от вопроса и его ответа на alpine js
У меня вопросы имеют два ответа да или нет, в зависимости от ответа может быть еще один вопрос или сразу же ответ , ответами считаются те обьекты у которых choices: [], nextQuestions: [], пустые, как ...
0
голосов
0
ответов
19
показов
Страница вылезает за рамки с фрэймом карты и даже без неё
Создал шапку и добавил 2 небольших блока, страница начала уходить в бок, появилась горизонтальная крутилка внизу. А когда добавил фрэйм карты, так вообще убежала.Не знаю как фиксить, помогите ...
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 ...
0
голосов
0
ответов
30
показов
Почему не работает v-model для компонента на странице?
У меня есть компонент инпут, использую его на своей странице. Мне необходимо чтобы значение его value связывалось с пропсом email на моей странице, но почему-то не работает. Значение как было пустым ...
0
голосов
0
ответов
31
показ
Ошибка при команде npm install npm start
скачал данный проект, backend запустил успешно. А вот frontend выдаёт ошибку если идти по инструкции с гитхата и использовать команду "npm install npm start".
Как я могу устранить данную ...
-3
голоса
1
ответ
89
показов
Помогите с SVG плиз!
Обясните пожалуйста кто-то, что я делаю не так???
почему не отображается ни одна svg иконка?? просто белая страница, ошибок в консоли 0....
<!DOCTYPE html>
<html lang="en">
<...
0
голосов
1
ответ
48
показов
Помогите исправить баг со слайдером для аудио-плеера
Делаю аудио-плеер. Использую слайдер для переключения времени. Вот в чем проблема: когда музыка на паузе, то все ок, но когда играет, то слайдер при использовании дергается.
HTML:
<input type="...
0
голосов
0
ответов
30
показов
Как сделать похожую разметку с использованием 100vh?
Вот это пример сайта который я нашел в интернете, весь контент на экране неизменно занимает 100% высоты и я не понимаю как мне сделать что то подобное, сколько оберток делать, куда задать background-...
0
голосов
1
ответ
44
показа
Не могу нормально передать изображение пропсом во Vue.js
У меня есть компонент, который содержит картинку и текст. Компоненты отрисовываются через массив объектов. при этом я не могу нормально передать изображение, при чем я использую require и даже так не ...
0
голосов
1
ответ
52
показа
Не листается вертикальный Swiper [NUXT]
Всем привет, столкнулся с такой проблемой что слайды просто не перелистываются/перетягиваются в вертикальном положении, а так же нету реакции на прокрутку колесика мышки. Но при этом в горизонтальном ...
2
голоса
1
ответ
88
показов
Странное задание на позицию Angular разработчика позциция Junior | Request to API | Собеседование
Возможно, мой вопрос покажется слишком странным, но хотелось бы, чтобы вы поделились опытом, как решили вы бы данное задание.
Само задание
Используя модуль HttpModule, предоставленный Angular 2+,
...
0
голосов
0
ответов
28
показов
Адаптация стилей: картинка "едет" при изменении монитора
Добрый день! Я только изучаю фронтенд
Столкнулся с новой проблемой: адаптация сайта.
Я посмотрел видео ролики - с примитивными текстами вроде-бы все понятно.
Как насчёт уже готового сайта с большим ...
0
голосов
0
ответов
38
показов
В чем заключается отличие SvelteKit от бэкенд-фреймворков
Я совсем новичок и пытаюсь определиться со стеком для своего проекта. Выбор пал на django+svelte. В момент падения выбора я предполагал, что svelteKit - нечто, упрощающее маршрутизацию между ...
2
голоса
0
ответов
34
показа
Change detection OnPush | Default вместе с Signals v16 и v17
В Angular 16 появились сигналы, которые напоминают Subjects из RxJS. Все операции, которые можно выполнить с помощью сигналов, можно выполнить и с помощью Subjects.
Как я понял основное отличие ...
0
голосов
1
ответ
28
показов
Почему при добавлении overflow-y-hidden так же скрывается горизонтальная часть
В стилях добавил только overflow-y: hidden, но почему-то вместе с этим скрывается и горизонтальная часть. overflow-x: visible не помогает
0
голосов
1
ответ
40
показов
Как оптимизировать сайт на react
При создании сайта на react я столкнулся с проблемой. В компонентах я использую useEffect для отрисовки элементов в зависимости от ширины экрана:
const [sizeChange, setSizeChange] = useState(false);
...
0
голосов
1
ответ
76
показов
Next.js getServerSideProps в Vercel страница не открывается, ошибка: The serverless function has timed out
Столкнулся с ошибкой Vercel, после того как перешёл на SSR в Next.js (добавил на страницу getServerSideProps). На локалке всё работало, а после деплоя в Vercel, страница не грузится, показывает ошибку ...
-1
голос
1
ответ
59
показов
Двухстороннее связывание данных Vue
Имеется форма с таблицой у каждой строки чекбокс, задача делать доступным чекбокс при условии что внесены дополнительные данные для строки из модалки.
структура такая:
<div>
<v-data-table ...
0
голосов
1
ответ
56
показов
Где хранить refreshToken на фронте?
Пытаюсь разобраться с JWT авторизацией применительно к фронтенд приложению.
Есть 2 токена
Первый авторизационный accessToken у которого время жизни
маленькое (15 минут для примера)
Второй ...
0
голосов
0
ответов
37
показов
Белый экран вместо компонентов в Angular
Пишу приложение на ангуляр. Использую 3 компоненты. Для примера приведу 1.
Здесь у меня происходит отображение новостей:
feed.component.ts:
import { Component, OnInit } from '@angular/core';
...
0
голосов
1
ответ
14
показов
Vue.js не записывается поле
Не записывается поле this.chats в методе get_chats(). Причем, внутри метода this.chats есть, а если вызвать за пределами, то уже нет. Возможно проблема в запросе...
new Vue({
el: '#app',
...
0
голосов
0
ответов
32
показа
Запрос на изменение данных работает бесконечно долго
Помогите разобраться с запросом.
У меня есть две страницы: Profile.html, на которой отображаются данные пользователя. При нажатии на кнопку Изменить, пользователь попадает на страницу ChangeProfile....
0
голосов
1
ответ
112
показов
Fancybox toolbar for html content type
люди добрые, помогите! Нужно добавить в toolbar стандартные кнопки "Zoom in", "Zoom out" и "Downlod"
вот метод для карусели, но работает и все замечательно
methods: {
...
0
голосов
1
ответ
37
показов
Проблема со вложенными grid
Есть макет ниже. На нём сетка, которая заполняется в зависимости от высоты родителя, с блоками, которые содержать слово, белое и красное числа. Числа выравнены по правому краю по вертикали. В текущей ...
0
голосов
0
ответов
13
показов
Использование плагина изображений CKEditor через CDN
Как можно интегрировать в CKEditor вставку изображений без прибегания к node-npm. Стек jquery чистый htmlcss + python bottle
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;
}
....
0
голосов
1
ответ
55
показов
Скачивание csv в формате таблицы
Делаю скачивание и формирование csv. С бэка приходит мсассив headers и массив data, нужно закинуть все это в csv и скачать, это я сделал. Но в скаченном файле таблица в одну длинющую строку, а нужно, ...
0
голосов
2
ответа
107
показов
Сортировка товаров на сайте с помощью тега <select> в React
Всем привет, я новичок в React и только начинаю понимать азы. Сейчас я создаю сайт магазина одежды для самообучения, имитируя существующий сайт "spbtusa.ru"
На данный момент у меня проблема ...
0
голосов
0
ответов
48
показов
Цикличный carousel slider с повторяющимися элементами
У меня есть слайдер с 3 картинками, который проигрывается автоматически при клике на контейнер. Проблема заключается в том, что после 3 картинки слайдер перемещается в начало, то есть к 1 картинке. Я ...
1
голос
1
ответ
155
показов
Pinia - как добавить данные
Использую vueUse для работы с localStorage и Pinia, но не могу понять, почему при вызове функции обновления не добавляется новый элемент объекта
const tasks = useStorage(
STORE_NAME,
{
...
0
голосов
0
ответов
20
показов
Мне нужно чтобы при ререндеринге страницы данные, добавленные на неё ранее сохранялись. REACT
Всем привет! Освоив азы react'a я решил сразу применить знания на практике, решил создать клон сайта https://app.todoist.com/app/today, ( todo приложение с разными страницами, проектами, разделами и т....
0
голосов
0
ответов
18
показов
Как добавить шрифт Cramaten?
Не могу подключить даный шрифт, в фигме есть в интернете не найду
0
голосов
0
ответов
103
показа
Нарисовать график на React с помощью библиотеки
Всем привет! Кто знает, подскажите, пожалуйста, как нарисовать вот такой график с помощью библиотеки Mui X, ну или с помощью другой библиотеки.
Вся сложность заключается в следующем. В зависимости от ...
0
голосов
1
ответ
52
показа
На какой стороне лучше обрабатывать ввод данных в форму авторизации?
Пишу сайт на Flask. Добрался до написания личного кабинета пользователя.
Отправляю данные формы логина через ajax в бэк. И вот самый вопрос: могу ли я обработать правильность введённых данных в ...
0
голосов
0
ответов
10
показов
Проблема с вариативным переходом по ссылке
У меня есть компонент Header, в котором находится логотип-ссылка, поведение этой ссылки зависит от того на какой странице в данный момент находится пользователь, если на главной, то переход будет на ...
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="...