Главное что хочу - обойтись одним контейнером у карточек
но это очень не удобно для вывода полей через админку
document.querySelector('.close').addEventListener('click', function(e){
e.stopPropagation()
document.querySelector('.result').insertAdjacentHTML('beforeend', '<div>Close</div>');
});
<span>
{{ productsCount }}
</span>
computed: {
productsCount() {
return this.checkedInput.reduce((acc, i) => { acc+= i.products.length; return acc }, 0)
}
}
.then(({ json }) =>
({ data: {id: json.json[resource].id} })
)
({ json })
- Деструктуризация входных параметров, то есть в качестве аргумента поступает объект, из которого извлекается свойство json в переменную. json.как это переписать в обычную функцию, чтоб там можно было поставить точку останова, или вписать debugger
.then(({ json }) => {
debugger
return { data: { id: json.json[resource].id } } // круглые скобки уже не нужны, так как используется return
})
зачем лишние скобки вокруг аргумента и возврата
return
, то нужно обернуть его в скобки, условно, чтобы движок понимал разницу между телом функции, которое так же открывается через {} скобки и объектом.() => { return {} }
тоже самое что () => ({})
Как переписать короткую функцию в нормальную на javascript
}).then(function(info) {
return { data: { id: info.json.json[resource].id } }
})
что я сделал не так
function func() {
elem.textContent += (Number(elem.dataset.productPrice) + Number(elem.dataset.productAmount))
}
- return Promise.resolve({ user.id, user.username });
+ return Promise.resolve({ id: user.id, name: user.username });
- return Promise.resolve({ user.id, user.username });
+ return Promise.resolve({ "user.id": user.id, "user.username": user.username });
@media screen and (max-width: 480px)
.block-menu {
width: 100%;
right: 0;
top: -100%;
}
top: calc(-100% - 100px);
К чему относятся эти «приемы»
Webpack
Npm
что именно мне нужно учить
что делать на фронтенде
.hero background-image: url()
header
.call
или .apply
=
function name() {}
.Array.prototype.last = function() {
return this[this.length-1]
}
// [1,2,3].last()
// 3
метод и свойство массива
Object.defineProperty(Array.prototype, 'last', {
get: function() {
return this[this.length-1]
},
enumerable: false,
configurable: false
})
// [1,2,3].last
// 3
Footer/
+ tab
<Footer>
. Возможно, этот конфиг решает вопрос и для HTML.