Вопросы с меткой [frontend]
Фронтэнд — это часть приложения, с которой взаимодействует пользователь (интерфейс пользователя). Чаще всего этот термин применяют в веб-разработке, где он обозначает HTML,CSS и JavaScript; в разработке десктопных приложений – оконный фреймворк и формы, с которыми взаимодействует пользователь; в консольных программах – доступные команды и аргументы.
523
вопроса
0
голосов
1ответ
27 показов
Анимация :leave не работает при *ngif = false в angular5
Всем привет)
искал по сети так и не нашел ответа.
Есть анимация в angular 5:
animations: [
trigger('slideIn', [
state('in', style({transform: 'translateX(0)'})),
transition('void =>...
0
голосов
1ответ
146 показов
Как правильно менять значение в инстансе, из компонента во vue.js
Всем доброго дня.
Изучаю компоненты во vue.js.
Никак не могу понять, как правильно изменять data в инстансе через компонент.
Написал простое взаимодействие: инстанс + компонент. компонент меняет ...
0
голосов
1ответ
53 показа
Определить видимость елемента jq
Ребят у меня есть сайт который не скролится , но у него есть елемент в котором весь контент , этот элемент скролится и имеет класс .main-child
Допустим у main-child есть ребенок #screen , который ...
0
голосов
1ответ
73 показа
Vue.js не правильно работает splice
учу vue.js, столкнулся с проблемой. Отображаю список из базы, при редактировании записи заменяется последняя запись в списке, и в браузере в консоле вылетает вылетает ошибка:
vue.js:597 [Vue warn]: ...
0
голосов
1ответ
51 показ
Добрый день! Использую библиотеку react-google-maps. Как можно получить координаты центра карты?
Использую библиотеку react-google-maps. На зарубежных ресурсах информации мало. Читал, что координаты можно получить через getCenter(), но у меня не получается. Как реализовать в компонент кнопку, ...
0
голосов
1ответ
24 показа
Body:hover и z-index двух блоков?
<body class="body">
<div class="banner_holder">
<div class="blc1"></div>
<div class="blc2"></div>
</div>
</body>
blc1=z-index: 2;
blc2=z-index: 1;
Как ...
0
голосов
1ответ
40 показов
Vue.js - как сделать функции, добавленные с новым элементом, независимыми друг от друга
Всем привет.
В коде ниже есть два массива - один со значениями, другой используется для счетчика.
Не могу понять, почему некорректно работают счетчики (надо, чтобы на каждую кнопку они работали ...
0
голосов
1ответ
59 показов
Можно ли сменить бинд кнопки мышки (JS)?
Есть ссылка, самая обычная. Допустим:
<a href="link.html" target="_blank">Some text</a>
Можно ли сделать что бы при нажатии левой кнопкой мышки, ссылка открывалась командой нажатие на ...
1
голос
1ответ
59 показов
Scss вложенное правило для отдельного селектора
Существует ли возможность в scss(sass) создать вложенное правило для отдельного селектора. В scss есть возможность писать стили для детей и имен с родительским префиксом &, а мне нужно во вложение ...
0
голосов
1ответ
56 показов
Отладка JS в браузере
Есть у меня HTML страница, к которой подключен js-код как внутренний, так и внешний.
Можно ли в Chrome сделать отладку кода, экспериментировать?
Внес правки, браузер их исполнил.
Есть окно Reveal ...
0
голосов
1ответ
40 показов
Как правильно задать стили через v-bind во Vue.js?
Все привет.
Пытаюсь задать ширину для блоков, но почему то не подцепляется. прошу Подсказать, что не так делаю.
//Данные
data: {
workspacewidth: {
width: '85%;'
...
1
голос
1ответ
67 показов
Как удалить script src с помощью Pure JS?
Как удалить такой тег?
<script src="/page/some.js" type="text/javascript"></script>
0
голосов
2ответа
247 показов
vue.js - редактирование динамического списка. Как правильно сделать отмену редактирования?
Всем привет. Пишу код на вью, который работает со списком.
Я могу добавлять, удалять, редактировать элементы, и выводить их на страницу.
Проблема в редактировании: по задумке, во время ...
-2
голоса
1ответ
28 показов
Как удалить атрибут на JS Pure?
Вот так выгрядит код на jQuery
$(".newsBlock").removeAttr("title")
Как он будет выглядить на нативном JS? Без библиотек.
0
голосов
0ответов
72 показа
Недостатки при подключении css стилей через тег style в шапке?
При использовании подхода css in js, у webpack есть плагин style-loader, который грузит стили из js файла, в шапку сайта, в тег . Подскажите, пожалуйста, какие у такого подхода есть недостатки, в ...
0
голосов
1ответ
207 показов
Как запретить растягивать блок содержимым?
Как запретить растягивать flex блок содержимым? Должна появляться прокрутка как на картинке, высота левого блока тянется в зависимости от высоты правого, а не как в примере.
.min-width-300 {
...
0
голосов
2ответа
118 показов
Объясните пожалуйста, как выровнить текст внутри дочернего элемента (используется css grid)
Только начинаю изучать CSS grid и не могу разобраться с выравниванием текста по вертикали (хочу понять как расположить цифры по центру дочерних элементов). Объясните пожалуйста, как это сделать.
...
0
голосов
1ответ
41 показ
Нужен JavaScript или jQuery плагин для валидации формы [закрыт]
Для проекта нужен client side плагин для валидации формы желательно чтобы был написан на JavaScript или jQuery и был легок в использовании.
Что посоветуете ?
0
голосов
0ответов
49 показов
Использование сторонних элементов на HTML+CSS+JS в Angular 6
Всем привет.
Подскажите пожалуйста как правильно вставить сторонний элемент на HTML+CSS+JS
в компонент Angular.
К примеру, я хочу использовать данную таблицу на бутсрапе: https://datatables.net/...
3
голоса
0ответов
92 показа
Почему большинство требует React, а не Angular или VueJS [закрыт]
Полгода назад выбрал по собственным критериям VueJS - люблю его до сих пор.
Angular при пробах понравился. Сейчас ищу работу Frontend-разработчиком, опыт позволяет. Большинство требует React, Angular ...
0
голосов
0ответов
222 показа
Многостраничное приложение на Vue + Django RESTful API
Как организовать проект на Vue с несколькими страницами что-бы пользователь при загрузки страницы не выкачивал все приложение или это не сказывалось на производительности, хочется посмотреть примеры ...
0
голосов
1ответ
36 показов
Как правильно заполнить форму с помощью JS без потери данных?
Как правильно заполнить форму при помощи JS и залить форму с данными в БД? Надо при соответствующим выборе выпадающего списка автоматически заполнить одно из текстовых полей. Сделал это так:
var ...
1
голос
1ответ
26 показов
Как достать данные с определенным именем из массива данных JSON?
Отправил в представление следующий лист объектов:
List<Worker> workers;
public class Worker
{
public string FullName {get;set;}
List<Child> Childs {get;set;}
}
public class ...
0
голосов
1ответ
20 показов
Как правильно настроить кнопку, для отображения вложенных таблиц?
Всем привет. Вывожу через template vue компонента две таблицы.
Одна вложена в другую.
при нажатии на дату в верхней таблице, должна отображаться вложенная в нее, той же даты.
Но к сожалению никак не ...
2
голоса
2ответа
48 показов
Число округляется через раз toFixed(2)
Есть вот такая функция в React:
export const getTotalPrice = state =>{
let totalPrice = 0
state.basket.map((item) => totalPrice = totalPrice + parseFloat(item.price.toFixed(...
0
голосов
0ответов
18 показов
0
голосов
2ответа
535 показов
vue.js Как правильно сделать сортировку, и вывести вложенные таблицы?
Всем доброго вечера.
Есть 2 таблицы:
Одна идет как дополнение другой, и у них есть одинаковые столбцы orderdate, которые собственно содержат даты заказов.
Через vue.js нужно вывести таблицы так, ...
1
голос
1ответ
72 показа
Как сделать, чтобы затемнение модального окна не касалось хэдера и футера?
Существуют в проекте два модальных окна, которые вызываются при клике на кнопки входа или регистрации, которые находятся в хэдере. Задача состоит в том, что затемнение модального окна не должно ...
1
голос
0ответов
69 показов
Создание лайков с помощью переключения класса во vue.js
В данном массиве, который находится в ленте выводятся посты.
data() {
return {
header: {
},
footer: {
},
posts: [
{
id: 1,
content: 'Текст первого ...
0
голосов
0ответов
27 показов
Данные Child в Parent undefined
Пытаюсь извлечь данные из компонента ColorChild при помощи функции setNewColor которую передаю в props
class Color extends React.Component {
constructor(props) {
super(props);
...
0
голосов
1ответ
88 показов
Как правильно перенести шаблон из HTML во Vue.component
День добрый.
Столкнулся с такой проблемой.
js файл фетчит данные с локального порта, и я вывожу это дело на странице.
js:
//Забираем json из '/receive/', парсим его в gridData
var gridData = new ...
0
голосов
0ответов
23 показа
jQuery не работает селектор по классу после изменения класса [дубликат]
Выводится список материалов вот такого вида.
По умолчанию у кнопок класс btn-add-material
$(document).ready(function() {
var material_data = new FormData();
material_data.append('mode',...
1
голос
0ответов
63 показа
Архитектура простого Single Page Application
Делаю диплом.
Вопрос трезво ли я рассуждаю? Что можете посоветовать?
Frontend должен выполнять функции отправлять на сервер картинки, отображать полученную из картинок трехмерную модель.
...
1
голос
1ответ
48 показов
Анимированная тень на JS не работает
Прописываю анимацию для объекта на странице. Менять размеры получается. Всё отлично. Чего не скажешь про тень.
$(window).ready(function() {
setInterval(function() {
$(".loading_circle-...
1
голос
1ответ
36 показов
Сохранить звуковой файл на сервере
Работаю с p5.sound.js. Необходимо сохранить .wav файл на сервер, или просто вывести записанный аудио-сигнал через тег audio.
Вместо этого файл просто скачивается через браузер.
var mic, recorder, ...
0
голосов
1ответ
82 показа
Изображения в мобильной версии bootstrap 4
Лендинг http://adrenalin-ufa.ru , в секции carousel , в мобильной версии неправильно отображаются изображения ( отображается левая часть , а необходимо , что бы отображался центр или правая часть ...
2
голоса
3ответа
484 показа
Вопрос про front-end. [Java] [закрыт]
Если Java используется в основном для back-end, то что использовать для front-end?
К примеру, я хочу приложение на Windows или на Linux.
JavaFX и Swing не хочется использовать, тк все нервы угробил ...
1
голос
0ответов
22 показа
При повторной загрузке страницы у анимации меняется fps, в чем может быть причина?
Существуют две страницы, например index и about. На странице about есть такая анимация: https://codesandbox.io/s/kwz622xvx7
Суть проблемы в следующем: именно на локальной версии, если возвращаться с ...
3
голоса
1ответ
53 показа
Шанс sql инъекции и как её избежать? [закрыт]
Делаю сайт, суть которого заключается в турнирах (dota) с призовым фондом. Не разбираюсь пока ни в sql, ни в sql инъекциях. Где-то слышал, что провести такие инъекции может любой колхозный дурачок, ...
0
голосов
2ответа
64 показа
Как присвоить элементу класс, равный его data-атрибуту (jQuery)?
Немного погуглив, написал небольшую функцию, которая присваивает элементу новый класс, равный его data-атрибуту. В данном случае реализовал присвоение классу дочернему элементу, при клике на его ...
0
голосов
1ответ
52 показа
Добавление класса через цикл в Angular
Html:
<div class="col-4" id="categories">
<ul #list>
<li *ngFor="let category of categories" [ngClass]="{'active': active}">
{{category.name}}
...
1
голос
1ответ
814 показов
VueJS Разница между Methods и Computed
Недавно начал учить Vue и сразу-же застрял на таком моменте
1) Что такое Methods
2) Что такое Computed
3) В чем их разница
4) Когда что применять.
У меня есть курс на Udemy но этот момент я никак ...
0
голосов
1ответ
17 показов
Какие существуют методы организации вёрстки динамических элементов в веб-приложениях?
В этом вопросе рассматривается процесс создания веб-приложений (не важно, на нативном JS или с фреймворками), где в каждом состоянии видны не все элементы или в зависимости от состояния отображение ...
0
голосов
1ответ
48 показов
Skroll на Jquery к нужному эллементу
Добрый день)
На сайте, имеется большой список всяких штук. Для удобства пользования подключил плагин который подсвечивает нужные слова которые пользователь вводит в input.
Подсчечивает он их путем ...
0
голосов
1ответ
22 показа
Как с помощью плагина animate.css анимировать progress bar?
Мне нужно, чтобы при скроле сайта, дойдя до прогресс бара, он анимировался (увеличивались проценты).
HTML:
<div class="container">
<div class="progress">
<div class="...
2
голоса
2ответа
35 показов
Gulp неправильно выдаёт html с фримаркерными конструкциями
Есть email-шаблоны в html c freemarker'ными вставками. При пропускании их через gulp-таск (замена изображений по ссылкам на data:image/png;base64) Gulp форматирует по-своему фримаркерные конструкции, ...
1
голос
1ответ
48 показов
сайт по страницам
Доброй ночи коллеги. Нужен Ваш опыт в верстке сайтов. Как правильно реализовать верстку сайта постранично? То есть, к примеру, у Вас есть Главная страница на которой находится nav, main, footer и эта ...
0
голосов
1ответ
31 показ
Как сделать чтобы после прелоадера срабатывал animated.js?
У меня на сайте стоит прелоадер и в header'е установлена анимации с плагина animated.js. Как сделать, чтобы эта анимация срабатывала через определённое время?
4
голоса
3ответа
534 показа
Как растянуть блок по высоте картинки?
Есть блок, внутри которого картинка. Нужно сделать высоту по картинке.
Танцую вокруг него уже 2 день, помогите.
<div class="img-box height-240">
<div class="background">
<div class="...
1
голос
0ответов
80 показов
Как сделать скрипт для проверки, что включен Caps Lock и включена русская раскладка
Нужен скрипт, который будет проверять инпут для ввода пароля и в случае, если человек пишет с включенным Caps Lock или на русской раскладке выводить всплывающее сообщение. Примерно реализацию я ...