npm i webpack-dev-server
"scripts": {
"commandName": "webpack-dev-server",
}
commandName
название твоей команды.devServer: {
port: 8888, // определяет порт
overlay: { // показывает ошибки или предупреждения при разработке
warnings: boolean,
errors: boolean
},
open: true, // открывает окно браузера
}
git config --global user.name "Твоё имя латинницей"
git config --global user.email твой_email
git clone https://ссылка_на_репозиторий.git
.gitignore
и папка .git
).git add --all
git commit -m 'update'
git push origin master
.active .block {
border: 1px solid red;
color: red;
}
.active .under-box-text {
display: none;
}
.active .invisible {
display: block;
}
const itemSelector = '.wrapper';
const buttonSelector = '.block, .link';
const activeClass = 'active';
$(itemSelector).on('click', buttonSelector, e => {
$(e.delegateTarget).toggleClass(activeClass);
});
// или
document.querySelectorAll(itemSelector).forEach(function(n) {
n.querySelectorAll(buttonSelector).forEach(m => m.addEventListener('click', this));
}, e => e.currentTarget.closest(itemSelector).classList.toggle(activeClass));
// или
document.querySelectorAll(itemSelector).forEach(n => {
n.addEventListener('click', onClick);
});
function onClick(e) {
const button = e.target.closest(buttonSelector);
if (button) {
this.classList.toggle(activeClass);
}
}
// или
document.addEventListener('click', e => {
const button = e.target.closest(buttonSelector);
const item = button && button.closest(itemSelector);
item && item.classList.toggle(activeClass);
});
this.setState(state => {
const newState = { ...state }
newState.data.text.value.title = 'new title'
return newState
})
const newArr = arr.filter(n => n.some(m => m !== ''));
arr.reduceRight((_, n, i, a) => n.every(m => m === '') && a.splice(i, 1), null);
// или
arr.splice(0, arr.length, ...arr.filter(n => n.some(m => m !== '')));
// или
let numDeleted = 0;
for (let i = 0; i < arr.length; i++) {
arr[i - numDeleted] = arr[i];
numDeleted += arr[i].every(n => n === '');
}
arr.length -= numDeleted;
Почему я не могу убрать скобки, или ещё что-нибудь, и написать так, как мне хочется. В общем, где все это определено?
<Button size="sm" type="outline" color="danger" />
const StyledButton = styled.button`
height: ${props => props.height.sm}px;
${media.md`
height: ${props => props.height.md}px;
`}
${media.lg`
height: ${props => props.height.lg}px;
`}
`;
const getHeightProp = size => {
switch(size) {
case 'sm':
return { ... };
case 'md':
return {
sm: 32,
md: 48,
lg: 64,
};
case 'lg':
return { ... };
}
};
const Button = ({ size }) => {
return <StyledButton height={getHeightProp(size)} />;
}