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

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

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

Почему может не работает z индекс на сайте?

Не работает z индекс в чем может быть дело .header__content { padding-top: 98px; background: var(--primery-color); } .header__content__wrap { padding-top: 120px; padding-bottom: ...
Хруст's user avatar
-1 голос
1 ответ
92 показа

Как Java используется на сайте без фреймворков. И как фронтенд взаимодействие с бэкендом [закрыт]

Хочу узнать как Java используется на сайте без фреймворков. И как фронтенд взаимодействует с бэкендом.
Пётр's user avatar
0 голосов
1 ответ
144 показа

Как задать width: 100% для тега pre

Хочу отобразить код на странице. В мобильной версии сайта pre упирается в границы viewport и не хочет уменьшаться. Даже если оставить pre пустым, то его минимальный размер равен примерно 360px. ...
Vadim Mokrushin's user avatar
0 голосов
1 ответ
325 показов

Как правильно организовать работу серверов frontend + backend?

У меня есть уже backend(далее: backendBusiness), в котором прописана логика аутентификации, делаются запросы к БД, соответственно, и еще немного по мелочи. Frontend был просто набором разным html-...
Владимир Говоров's user avatar
0 голосов
1 ответ
263 показа

Отключение функции у кнопки при втором клике

Я хочу сделать так чтобы при втором клике на кнопку не работала функция на js связанная с этой кнопкой, но я не знаю как это сделать без добавления атрибута disabled. Найти в интернете не получилось.
aaq's user avatar
  • 3
0 голосов
1 ответ
28 показов

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

есть блоки которые выводятся в цикле и у которых есть дата активности например 121 день назад у конкретного итема. С бэкенда приходит дата этой последней активности которую я форматирую через JS в ...
Сергей Антонюк's user avatar
0 голосов
1 ответ
85 показов

Не работает нормально свойство gradient и transform в Safari

Почему-то криво работает свойство градиента и transform в css. Имеется эффект куба, но на айфоне и маке криво работает. Не могу понять в чем проблема: Хром, Moz, Opera - всё как надо. Только Сафари. ...
Денис Павлович's user avatar
-1 голос
1 ответ
39 показов

Как сделать изменение значения переменной глобально ? JavaScript

counter должен менять значение при нажатии на красную кнопку , при нажатии на зеленую кнопку , значение counter должно выводится в консоль let context = canvas.getContext('2d'); let width = 800; let ...
St4ff1's user avatar
  • 3
0 голосов
0 ответов
417 показов

После авторизации и успешной переадресации на страницу при перезагрузке возвращает на главную

Разрабатываю небольшое приложение (React js - фронтенд, Python3.10 бекенд). Реализовал регистрацию и авторизацию, после которой происходит перенаправление на главную страницу (использую хук ...
Илья's user avatar
0 голосов
0 ответов
91 показ

Pixel perfect и macbook

коллеги, крик души. Не так давно купил macbook pro 16, разрешение тут (3456 × 2234) У меня есть задача, это верстка макета из photoshop. Столкнулся вот, с чем, после того, как я вставляю через pixel ...
Анатолий's user avatar
0 голосов
1 ответ
215 показов

Как удалить объект из массива Redux?

Пишу небольшой магазинчик и по нажатию кнопки нужно удалить элемент с подходящими id и size, проект делаю по референсу и не могу понять, почему у него работает, а у меня нет? const initialState = { ...
Ilya's user avatar
  • 31
0 голосов
2 ответа
150 показов

Как сделать таблицу HTML с нестандартной структурой?

как сделать таблицу с такой структурой? Не могу догнать самостоятельно, буду рад любой помощи
Дараган Максим's user avatar
0 голосов
1 ответ
37 показов

Не работает аккордион

Друзья всем привет. Я изучаю JS и решил попробовать свои силы и написать функционал для работы аккордиона с нуля. Задачу поставил довольно простую: при клике по шапке аккордиона (item), должен ...
Дмитрий Кудрявцев's user avatar
0 голосов
1 ответ
19 показов

Как исправить проблему с высотой фото?

столкнулся с проблему что при загрузке на сайт фото вертикального формата оно выходит за границы блока, а с вертикальной все работает отлично, как пофиксить? *Фото и Сам сайт наглядные макеты *, *:...
ivaivie's user avatar
  • 41
0 голосов
0 ответов
72 показа

Верстка элементов разной высоты в две колонки

Как сверстать 2 колонки с элементами разной высоты? Учитывая что при адаптиве нужно будет менять их порядок. То есть делать два флекс блока с flex-direction: column - не вариант, так как со второй ...
Дараган Максим's user avatar
0 голосов
2 ответа
122 показа

Открытие гиперссылки при выполнении условия. js

Если пользователь ввел верный логин и пароль, нужно перебросить его на сайт, ссылку можно подставить любую, пробовал через метод "document.location.href" но браузер выдает ошибку. function ...
alex's user avatar
  • 15
0 голосов
0 ответов
26 показов

Как назваются такие поля?

Сейчас обучаюсь верстке, подскажите пожалуйста как называются такие поля? При клике они открываются, появляется текст
stanislav pivovarov's user avatar
0 голосов
1 ответ
197 показов

Визуализировать связи данных между компонентами таблиц на React JS

Я визуализирую данные двух таблиц: const json ={ "tables": [ { "tableName": "One", "coordinates": { "x": "100", ...
MIA's user avatar
  • 59
0 голосов
1 ответ
40 показов

Изменение оформления сайта

Интересует возможно ли чтобы при нажатии кнопки на сайте подгружало другой цсс файл со стилями взамену старого? Типу как на сайтах есть скачок со светлой на черную тему. Буду рад если вы предложите ...
Sai1Acto's user avatar
0 голосов
0 ответов
52 показа

Проверка полей на заполненность

У меня есть простая форма регистрации. Хочу в случае если пользователь не заполнил одно из полей, выводить сообщение. Новичок в js, поэтому немного запутался в функции проверки. HTML: <form class ...
alex's user avatar
  • 15
0 голосов
2 ответа
56 показов

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

Я знаю что реакт компонент может использовать данные из своих свойств props, как в данном случае: const SomeComp = props => { return <div>props.value</div> } const BaseComp = props =&...
Sergey Inozemcev's user avatar
-2 голоса
1 ответ
38 показов

Closure/Не знаю как написать функцию с замыканием

Write add function which consumes x as argument (number) and returned other function which consumes y as argument (number) and return the sum of x and y function foo() { function add(x) { }} // ...
Dmitriy Pavlov's user avatar
0 голосов
1 ответ
114 показов

JS. Как избавиться от повторяющихся строк кода?

Всем привет ;) Написал код на JS, но меня очень смущает, что он повторяется, хочется его минимизировать. mobileMenuButton.addEventListener('click', () => { if (cloneMenu.style....
user avatar
1 голос
1 ответ
95 показов

Как сделать составные CSS изображения адаптивными?

На странице есть три карточки,в которых после текста идут несколько изображений.Я расположила их задавая отступы в пикселях.Но как только меняется размер экрана,вся верстка плывет.Может есть способ ...
Maria M's user avatar
  • 29
1 голос
1 ответ
53 показа

Написать функцию, которая будет открывать картинку внизу в увеличенном виде с поясняющим текстом. js

Изначально необходимо было сделать с помощью объекта данных вывод нескольких картинок в ряд с подписями, затем разместить на картинки событие нажатия мыши и организовать функцию, которая будет ...
alex's user avatar
  • 15
0 голосов
1 ответ
490 показов

Почему появляется горизонтальный скроллбар при height: 100vh;?

появляется горизонтальная прокрутка при выставленном на .container-1 height в 100vh, при значении меньше все нормально. Почему так происходит? * { margin: 0; padding: 0; } .wrapper { ...
m17px's user avatar
  • 78
0 голосов
0 ответов
46 показов

Открытие аккордеона на JS

Сейчас мой код открывает аккордеон при клике на '+', нужно чтобы открывал при клике на всю блочную часть Мой код : (function () { let accordionItems = document.querySelectorAll('.accordion'); let ...
Ruyanxz's user avatar
0 голосов
1 ответ
182 показа

Как в реактивных формах Angular предотвратить ввод определённых символов?

Подскажите пример, как реализовать для определённых полей ввод, например только цифр, кириллических символов, либо ограничить по количеству, или только по определённому регулярному выражению. ...
Rakzin Roman's user avatar
  • 5,720
0 голосов
0 ответов
110 показов

Открытие блока при клике JS

подскажите код для открытия блока при клике не на '+', а на всю блочную часть. Мой код - (function() { let accordionItems = document.querySelectorAll('.accordion'); let accordionPanes = ...
Ruyanxz's user avatar
0 голосов
0 ответов
1k показов

Тестовое задание на junior frontend

Я пытаюсь устроиться на позицию junior frontend разработчик и одна из компаний прислала мне тестовое задание. Оно показалось мне странным из-за объема, но изначально я решила, что у меня просто ...
Alina_ 's user avatar
0 голосов
0 ответов
55 показов

Не видимый padding

Во всех браузерах кроме Firefox у блока появляется не заданный padding. Обнуления отступов не работает даже с максимальным приоритетом.Изменения длины не помогло. Важно у блока свойство overflow: ...
UserNameUnknow's user avatar
0 голосов
1 ответ
32 показа

Необходимо сверстать секцию, как показано ниже. Как сделать так, чтобы рамка заходила на изображение? Абсолютное позиционирование нельзя применять

.products { display: flex; flex-direction: row; justify-content: center; align-items: stretch; margin-bottom: 64px; } .products-section { margin: 0px 13.8%; } .product-item { width: 29%;...
Марк's user avatar
0 голосов
0 ответов
50 показов

php laravel react

Интересуюсь созданием сборки Laravel + react(либо другой +- схожий фронтендовый фреймворк), как мне лучше всего это сделать?
evgeni2306's user avatar
0 голосов
1 ответ
33 показа

Как выровнять <a> внутри <div>?

Я хочу сделать так, чтобы текст внутри <div> был выровнен по вертикали по центру. .page-wrapper { display: flex; justify-content: space-between; } .left-wrapper { width: 25%; ...
Nikita's user avatar
  • 177
0 голосов
1 ответ
3k показов

Как убрать границу между ячейками таблицы html?

Всем привет) Не могу убрать границу между определенными ячейками html-таблицы, но при этом не объдиняя их. И оставить отступы других ячеек без изменения. Ячейка должна выглядеть как одна, но по факту ...
Всеволод's user avatar
0 голосов
0 ответов
82 показа

На мобильном разрешении весь контента съезжает влево, исправить ошибку, html, css

https://maximys5582.github.io/buarning-man/ На мобильном разрешении 425px в ширину весь контейнер сдвигается влево, если убрать ширину 100% то всё "ок", кроме верхнего фото, оно находится в ...
Максим Попов's user avatar
2 голоса
2 ответа
75 показов

Сравнение ввода с пустой строкой

Существует сайт с функционалом добавления карточек для различных дел (блокнот): var addButton = document.getElementById("add-task-submit"); var taskList = document.getElementById("task-list") //...
bruh's user avatar
  • 89
0 голосов
1 ответ
794 показа

Select2 подключить русский язык Bootstrap JS

Использую select2, необходимо при неверном выборе из выпадающего списка писать сообщение на русском языке: Вот код: <html> <head> <title>Демка выпадающего списка Select2</...
JDo's user avatar
  • 862
0 голосов
2 ответа
41 показ

Предотвращения обновления сайта через форму

Есть сайт на который можно загружать картинку через простенькую форму Однако на данный момент загрузка невозможна, т.к. форма перегружает сайт и удаляет внесенную "карточку товара". Как ...
bruh's user avatar
  • 89
0 голосов
0 ответов
18 показов

Как поместить элемент который вылазит за границы блока так, чтобы это было красиво

Есть корзина товаров и в ней 2 карточки. У первой карточки все в порядке с атрибутами (40, 41, 42, 43). А вот у второй карточки проблемы, атрибуты слишком длинные. Из-за этого картинка данной ...
Павел Соляник's user avatar
0 голосов
1 ответ
800 показов

Обращение к дочернему элементу в HTML через Js

<div class="store__item active" id="205"> <img src="assets/img/store/test.jpg" alt="" class="store__img"> <div ...
qyver's user avatar
  • 1
0 голосов
0 ответов
74 показа

Как в html сначала изменить элемент в js, а потом его отобразить?

У меня есть два варианта бокового меню, которые меняются в зависимости от определённого условия следующим образом: <div class="sidebar">...</div> <div class="alt-sidebar&...
Strannik Kraya's user avatar
0 голосов
1 ответ
1k показов

Не подключается js файл в html

Не судите строго если проблема глупая. Выучил основы JavaScript и продолжаю путь изучая React. Я почти всегда использую отдельно html и отдельно js файлы. Начав учить React, в туториале всегда js ...
mega asda's user avatar
  • 475
0 голосов
1 ответ
450 показов

Как при hover изменить цвет тексту и svg?

Нужно при наведении поменять цвет текста ссылки и свг которая заинлайнена в html. Как это можно сделать? Или же сделать свг псевдоэлементом? Подскажите варианты, заранее спасибо. <a href="...
user avatar
0 голосов
0 ответов
315 показов

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

Крайне простая штука, которую никак не могу реализовать. Необходимо изменить цвет стрелки в слайдере (которая реализована как псевдоэлемент) при наведении на нее курсора. Я делала так: ....
Filavandrel's user avatar
3 голоса
2 ответа
694 показа

Как просмотреть событие, назначенное с помощью addEventListener

Я хотел бы просмотреть событие, зарегистрированное с помощью element.addEventListener. Как это сделать? Желательно без полифиллов и обёрток. Мне обязателен код обработчика.
Vad Sim's user avatar
  • 235
1 голос
2 ответа
249 показов

Анимация появления страницы

подскажите, пожалуйста, каким образом можно реализовать такую первую анимацию отображения страницы - https://ramzes.gg/ Что можно почитать или найти, чтобы реализовать похожее?
icode's user avatar
  • 25
0 голосов
0 ответов
156 показов

Прибавление числа из html к числу из JS

Всем привет, нужна помощь. Я делаю pomodoro timer и у меня возникла проблема в прибавлении числа из html к числу из js. В общем, когда я нажимаю на кнопу, число должно прибавляться на 1, но оно не ...
Al Dv's user avatar
  • 27
0 голосов
1 ответ
56 показов

Получение переменной из функции flutter

Есть функция Signin? pov; void getInnfo(){ final res = await GetHttp().Signin(); pov = res; setState((){}) } в pov попадает json ответ на post запрос. Как я могу отобразить конкретный value из json, ...
Hovsep Hakobyan's user avatar
1 голос
1 ответ
467 показов

VueJS _ob_ Observer преобразовать в массив

Делаю запрос axios. axios.get('/api/dating-card/to-assess', { params: this.filters }).then(response => { response.data.datingCards.map(el =&...
Farmaper's user avatar