Вопросы с меткой [frontend]
Фронтэнд — это часть приложения, с которой взаимодействует пользователь (интерфейс пользователя). Чаще всего этот термин применяют в веб-разработке, где он обозначает HTML,CSS и JavaScript; в разработке десктопных приложений – оконный фреймворк и формы, с которыми взаимодействует пользователь; в консольных программах – доступные команды и аргументы.
1,077
вопросов
0
голосов
1
ответ
4
показа
Next.js getServerSideProps в Vercel страница не открывается, ошибка: The serverless function has timed out
Столкнулся с ошибкой Vercel, после того как перешёл на SSR в Next.js (добавил на страницу getServerSideProps). На локалке всё работало, а после деплоя в Vercel, страница не грузится, показывает ошибку ...
-1
голос
1
ответ
19
показов
Двухстороннее связывание данных Vue
Имеется форма с таблицой у каждой строки чекбокс, задача делать доступным чекбокс при условии что внесены дополнительные данные для строки из модалки.
структура такая:
<div>
<v-data-table ...
0
голосов
1
ответ
22
показа
Где хранить refreshToken на фронте?
Пытаюсь разобраться с JWT авторизацией применительно к фронтенд приложению.
Есть 2 токена
Первый авторизационный accessToken у которого время жизни
маленькое (15 минут для примера)
Второй ...
0
голосов
0
ответов
21
показ
Белый экран вместо компонентов в Angular
Пишу приложение на ангуляр. Использую 3 компоненты. Для примера приведу 1.
Здесь у меня происходит отображение новостей:
feed.component.ts:
import { Component, OnInit } from '@angular/core';
...
0
голосов
1
ответ
12
показов
Vue.js не записывается поле
Не записывается поле this.chats в методе get_chats(). Причем, внутри метода this.chats есть, а если вызвать за пределами, то уже нет. Возможно проблема в запросе...
new Vue({
el: '#app',
...
0
голосов
0
ответов
25
показов
Запрос на изменение данных работает бесконечно долго
Помогите разобраться с запросом.
У меня есть две страницы: Profile.html, на которой отображаются данные пользователя. При нажатии на кнопку Изменить, пользователь попадает на страницу ChangeProfile....
0
голосов
1
ответ
43
показа
Fancybox toolbar for html content type
люди добрые, помогите! Нужно добавить в toolbar стандартные кнопки "Zoom in", "Zoom out" и "Downlod"
вот метод для карусели, но работает и все замечательно
methods: {
...
0
голосов
1
ответ
35
показов
Проблема со вложенными grid
Есть макет ниже. На нём сетка, которая заполняется в зависимости от высоты родителя, с блоками, которые содержать слово, белое и красное числа. Числа выравнены по правому краю по вертикали. В текущей ...
0
голосов
0
ответов
9
показов
Использование плагина изображений 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
ответ
34
показа
Скачивание csv в формате таблицы
Делаю скачивание и формирование csv. С бэка приходит мсассив headers и массив data, нужно закинуть все это в csv и скачать, это я сделал. Но в скаченном файле таблица в одну длинющую строку, а нужно, ...
0
голосов
2
ответа
52
показа
Сортировка товаров на сайте с помощью тега <select> в React
Всем привет, я новичок в React и только начинаю понимать азы. Сейчас я создаю сайт магазина одежды для самообучения, имитируя существующий сайт "spbtusa.ru"
На данный момент у меня проблема ...
0
голосов
0
ответов
16
показов
Цикличный carousel slider с повторяющимися элементами
У меня есть слайдер с 3 картинками, который проигрывается автоматически при клике на контейнер. Проблема заключается в том, что после 3 картинки слайдер перемещается в начало, то есть к 1 картинке. Я ...
1
голос
1
ответ
29
показов
Pinia - как добавить данные
Использую vueUse для работы с localStorage и Pinia, но не могу понять, почему при вызове функции обновления не добавляется новый элемент объекта
const tasks = useStorage(
STORE_NAME,
{
...
0
голосов
0
ответов
20
показов
Мне нужно чтобы при ререндеринге страницы данные, добавленные на неё ранее сохранялись. REACT
Всем привет! Освоив азы react'a я решил сразу применить знания на практике, решил создать клон сайта https://app.todoist.com/app/today, ( todo приложение с разными страницами, проектами, разделами и т....
0
голосов
0
ответов
16
показов
Как добавить шрифт Cramaten?
Не могу подключить даный шрифт, в фигме есть в интернете не найду
0
голосов
0
ответов
46
показов
Нарисовать график на React с помощью библиотеки
Всем привет! Кто знает, подскажите, пожалуйста, как нарисовать вот такой график с помощью библиотеки Mui X, ну или с помощью другой библиотеки.
Вся сложность заключается в следующем. В зависимости от ...
0
голосов
1
ответ
50
показов
На какой стороне лучше обрабатывать ввод данных в форму авторизации?
Пишу сайт на Flask. Добрался до написания личного кабинета пользователя.
Отправляю данные формы логина через ajax в бэк. И вот самый вопрос: могу ли я обработать правильность введённых данных в ...
0
голосов
0
ответов
9
показов
Проблема с вариативным переходом по ссылке
У меня есть компонент Header, в котором находится логотип-ссылка, поведение этой ссылки зависит от того на какой странице в данный момент находится пользователь, если на главной, то переход будет на ...
0
голосов
1
ответ
74
показа
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="...
1
голос
0
ответов
23
показа
Как получить доступ к хосту WSL2 из Windows?
Раскатил проект docker на ubuntu wsl, и есть условный роут http://route-example-name.ru
по которому надо обращаться , чтобы получить страницу сайта,однако, если прописывать этот хост в браузере на ...
-1
голос
1
ответ
48
показов
Как сделать чтобы текст был по середине блока
Хочу чтобы текст был по середине блока,как на фото
.features__block {
height: 830px;
}
.description {
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: ...
0
голосов
1
ответ
45
показов
анимация падающих блоков (надо сделать ограничения на скролл)
Есть такой код (будет чуть ниже), это анимация падения блоков. Дело в том, что у людей, использующих тачпады, возникают проблемы, когда они делают резкий жест прокрутки. (просто пролистываются все ...
0
голосов
0
ответов
82
показа
Как быстро и просто сделать frontend сайта новичку
Я хочу сделать учебный пет-проект - интернет магазин книг. Делаю упор в backend. В frontend'е не разбираюсь от слова совсем, поэтому вряд-ли смогу сделать что-то визуально красивое, а если этот проект ...
0
голосов
0
ответов
22
показа
Почему при useContext передается функция обновляющее состояние(useState) как undefined
Создаю отдельный компонент для контекста с хуком useState в котором [lan, setLan], так как мне надо поменять с 'Ru' на 'En', чтобы в дальнейшем перевести страницу на английский
import { createContext }...
-1
голос
1
ответ
55
показов
POST, GET, Onsubmit - что лучше для простого перехода по URL с передаваемой переменной? [закрыт]
Что выгоднее применять для простого перехода по URL с передаваемой переменной "code"
<form method="POST" - здесь всё ясно, через сессию POST, далее редирект по header("...
0
голосов
0
ответов
8
показов
Декор experts__decor не хочет скрываться под experts__statistic
Декор experts__decor не хочет скрываться под experts__statistic
Умоляю, кому не сложно, помогите
@import url("https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto&display=swap");...
0
голосов
1
ответ
15
показов
Как изменить цвет месяцев google jsapi
Ребята помогите пожалуйста с графиком
Мне вот надо изменить цвет поля что выделил на картинке, в js не силен , так что не бейте
google.load("visualization", "1.1", {
packages: [...
0
голосов
1
ответ
43
показа
Next.js. ReferenceError: window is not defined как исправить?
В случае если добавляю (typeof window !== 'undefined') все элементы прижимаются к левому краю. Если убираю вылетает ошибка. что делать? добавляю вот так
const planets = Array.from({ length: 2 }).map((...
0
голосов
1
ответ
50
показов
использование методов в цикле v-for
При использовании методов в цикле v-for метод isFirstMessageToMaster выполняется дважды, хотя в messages всего один элемент:
<ul class="ks-items" v-for="message in messages"
...
0
голосов
1
ответ
64
показа
Как добавить музыку при вращении колеса удачи?
Имеется колесо удачи. При нажатии кнопки вращения, необходимо чтобы играла музыка под названием "music.mp3", а также при выпадении приза, "Поздравляем, вы выиграли:" с этим текстом ...
0
голосов
0
ответов
90
показов
Как правильно рассчитать коэффициент полезного использования пространства на чистом JS?
https://codepen.io/212ww134/pen/ZEPbOdV
const totalBlockArea = coloredBlocks.reduce((total, block) => total + block.width * block.height, 0);
const totalContainerArea = container....
0
голосов
0
ответов
42
показа
Почему в React не добавили такой hook, и насколько хорошо он будет работать?
Я не силён в react и в его тестировании. И чтобы получше разобраться с React, я решил написать собственный hook, решающую популярную проблему с ререндерингом.
Проблема: к примеру, когда мы хотим ...
-4
голоса
1
ответ
68
показов
Нужно добавить обводку колесу
Создано колесо удачи, нужно добавить обводку вокруг него, нужный цвет - E3D5C8, код колеса оставлю ниже
const spinWheel = document.getElementById("spinWheel");
const spinBtn = document....
0
голосов
0
ответов
34
показа
Какую библиотеку js выбрать для визуализации работы
Есть backend (C#), из которого я буду получать данные: список объектов Edge, где есть свойство double[][] Coordinates, в котором задаются точки координатами. Так же список объектов Spot, в котором ...
0
голосов
1
ответ
67
показов
Как передать props vue.js?
Нужно передать дочернему компоненту "block" его координаты и цвет. Я так понимаю, это делается через props, но данный код не работает. Подскажите, что исправить?
Vue.component('block', {
...
0
голосов
0
ответов
26
показов
orm на фронте, в pwa?
Подскажите библиотеки orm (если я правильно понял - это то, что мне нужно) которые можно использовать на фронте с локальной бд sqlite3. Делаю приложение на cordova (по сути webview +плагины) с ...
-6
голосов
1
ответ
68
показов
Как расположить блок меток с различной длиной контента внутри
Верстал тут сайт по макету из figma..
Есть такой вот блок, в принципе все очень легко, но вот возникли проблемы с частью "All Tags". Нужно, что бы этот блок прижимался к контейнеру размером ...
0
голосов
1
ответ
25
показов
Созданиии истории вызова компонентов Nuxt.js
Такой вопрос есть одностраничное приложение на Vue / Nuxt, есть взможность сделать некую глобальныую историю / роутинг вызова компонентов, что бы она была доступна во всех копонентах?
Зачем это нужно, ...
0
голосов
0
ответов
31
показ
Открытие модального окна с использованием query.params в Next.js
При открытии модального окна, делающего запрос на бэк из данных полученных через query.params сайт крашится. Первая причина которая мне приходит в голову, это то, что next.js старается найти такую ...
0
голосов
0
ответов
18
показов
Плавный скролл по якорям-ссылкам с изменением высоты фокуса работает, но не работает. В чем ошибка в коде?
Есть такой код, плавная прокрутка на сайте + небольшое изменение высоты фокуса при скролле "top - 80", потому-что шапка фиксированная и заголовок, на который идет фокус, не видно.
$(document)...
0
голосов
2
ответа
87
показов
как перейти на другую страницу в vue?
Всем привет. Я новичок в frontend и пытаюсь изучить vue. Хочу написать сайт для заметок. Подскажите, как мне просто перейти на другую страницу? Хочу из главной страницы перейти на страницу создания ...
0
голосов
0
ответов
27
показов
Error [ERR_REQUIRE_ESM]:
Здраствуйте! Только начал изучать gulp для более быстрой верстки, и уже возникла проблема (((
Вот код:
const {src, dest} = require('gulp')
const sass = require('gulp-sass')
const csso = require('gulp-...
0
голосов
1
ответ
60
показов
Как сделать шкалу(scale) с двумя разделителями?
Сделал такой вариант, но неровно. Подскажите идею плз.
body{
background: gray;
}
.wrapper {
width: 100%;
}
.scale {
display: flex;
justify-content: ...
1
голос
2
ответа
70
показов
Как нарисовать три кружочка на css?
Нужно создать три кружочка как на фото
Если сделать с помощью after и before я так понимаю получиться только два элемента ?
0
голосов
0
ответов
58
показов
Адаптивный background html css
Что делать если при изменении разрешения фона картинка перестаёт уменьшаться пропорционально экрану и оставляет белое пространство?
Codepen
@import url("https://fonts.googleapis.com/css2?family=...
0
голосов
1
ответ
40
показов
Не работает свойство rotate, даже с display: inline-block
Я пытаюсь создать эффект паралакс, чтобы при движении мыши фон тоже двигался, однако это реализовать не получается - задник вообще никак не реагирует.
CSS:
.layers__container {
height: 100vh;
...
0
голосов
0
ответов
34
показа
Почему this здесь ссылается на класс? [дубликат]
Вот пример кода
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
counter: this.props.counter
}
incCounter = () => {
if (this....
1
голос
0
ответов
22
показа
как создать gulpfile.js?
Всем привет. Пытаюсь разобраться с gulp, но когда создаю файл gulpfile.js, то vs code пишет "файл с таким именем недопустимо для файла или папки". Если написать любое другое название файла, ...
0
голосов
0
ответов
18
показов
Докирезация фронтенда
Осваиваю докер. Докер файл находится в директории основного приложения. Есть еще подприложение, которое используется в приложении (микрофронтенд). У подприложения свои зависимости и соответственно эти ...