return {
...state,
[action.title]: {
...state[action.title],
title: action.title,
},
};Как из этого массива, создать новый массив, и чтобы в нем были значения из массива user, что-то типа такого массива должно получиться res = [5,12,2,22,'5,23',cost,'5',numbers,1,5,33,count,props,4,area,7];
const toArray = val =>
val instanceof Object
? [].concat(...(val instanceof Array
? val
: Object.entries(val)
).map(toArray))
: [ val ];
const res = toArray(user);Есть ли способ для снятия чекбоксов таким же способом, если делать по аналогии выходит коряво ?
вот аналогия и вот почему коряво
https://codepen.io/sasha1998dmitalex/pen/OZbyYo
Попробовала показать работу тут.
Что делаю не так?
Как правильно подставить параметры в запрос
db.query(`
SELECT *
FROM table
WHERE id NOT IN ($(list:csv))
LIMIT $(limit)
`, obj)Причем, если поле уже чем-то уже заполнено по умолчанию, то этот текст уже должен быть транслирован в параграф. Так-что ввод с клавиатуры отслеживать не подходит.
$('input').on('input', function() {
$('p').text($(this).val());
}).trigger('input');
// или
const input = document.querySelector('input');
const p = document.querySelector('p');
input.addEventListener('input', e => p.textContent = e.target.value);
input.dispatchEvent(new Event('input'));что делать, если параграф содержит текст по умолчанию, который должен отображаться пока в поле ввода не начали что-то вводить?
Проще говоря, когда инпут пустой, надо отображать текст параграфа.
<p data-default-text="Текст по умолчанию"></p>.$('p').text($(this).val() || $('p').data('default-text'));
// или
p.textContent = e.target.value || p.dataset.defaultTextПомогите пожалуйста написать учебный пример чтобы было видно действие и выгода инкапсуляции стилей. Мой вариант тут.
непонятно какое действие осуществляет метааргумент encapsulation: ViewEncapsulation.NoneЕсть корневой элемент и есть вложенный элемент. В каждом из них я отключил инкапсуляцию, но в результате к обоим применяются стили из первого. Где логика?
computed: {
categories() {
return this.$store.state.main_page.NEWS.map(n => ({
value: n.id,
label: n.name,
}));
},
},deleteRow={() => this.deleteRow(i)}deleteRow(index) {
const productsList = [...this.state.productsList];
productsList.splice(index, 1);
this.setState({
productsList,
});
}const grouped = data
.reduce((acc, n, i, a) => {
if (i && n.id === a[i - 1].id + 1) {
acc[acc.length - 1][1][1] = n.id;
} else {
acc.push([ [], [ n.id ] ]);
}
acc[acc.length - 1][0].push(n);
return acc;
}, [])
.reduce((acc, n) => {
acc[n[1].join('-')] = n[0];
return acc;
}, {});dateStart: {
get() {
return moment().subtract(1, this.selectedPeriod).toDate();
},
set(value) {
// ну, тут вам виднее, какой должен код быть
},
},modalRun = (modalState) => {
this.setState((prevState) => {
return {
modal: {
...prevState.modal,
state: modalState,
},
};
});
}$('input').on('input', function() {
const
$this = $(this),
newVal = +$this.val(),
oldVal = +$this.data('oldVal') || 0;
if (oldVal !== newVal) {
console.log(`новое ${['больше', 'меньше'][+(oldVal > newVal)]}`);
}
$this.data('oldVal', newVal);
});Как я понимаю, при клике я каждый раз вызываю функцию и переменная val опять принимает значение равное нулю?
.value-btn-plus и .value-btn-minus, сами обработчики срабатывают в порядке подключения, поэтому в value-text последним будет записано значение val, к которому имеет доступ последний же подключенный обработчик - т.е. 0, или что там у вас.$(document).on('click', '.value-btn-plus, .value-btn-minus', function() {
const $this = $(this);
const change = $this.hasClass('value-btn-plus') ? 1 : -1;
$this
.closest('.input-box')
.find('.value-text')
.text((i, text) => Math.max(0, +text + change));
});document.addEventListener('click', ({ target: t }) => {
const change =
t.classList.contains('value-btn-plus') ? 1 :
t.classList.contains('value-btn-minus') ? -1 :
0;
if (change) {
const valueEl = t.closest('.input-box').querySelector('.value-text');
valueEl.innerText = Math.max(0, +valueEl.innerText + change);
}
});new RegExp('^\\d+$')const numberValidator = str => /^\d+$/.test(str);
// можно и наоборот - вместо проверки, что все символы являются цифрами,
// убедиться, что отсутствует хотя бы один не являющийся цифрой
const numberValidator = str => !/\D/.test(str);Про let слышал, но нужно сделать без него
for (var i = 0; i < 10; i++) {
(function(i) {
setTimeout(function() {
console.log(i);
}, 1000);
})(i);
}for (var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(+this);
}.bind(i), 1000);
}for (var i = 0; i < 10; i++) {
setTimeout(console.log, 1000, i);
}for (var i = 0; i < 10; i++) {
setTimeout(new Function(`console.log(${i})`), 1000);
}for (var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(10 - i--);
}, 1000);
}