Что такое Docker простыми словами
простыми словами
async sendNewData() {
await this.requestToServer(url);
console.log(this.failMessage);
}class Lists {
constructor(items, failMessage) {
this.items = items;
this.failMessage = failMessage;
}
async requestToServer(url) {
let response = await fetch(url, {
method: 'GET',
headers: {
'Content-Type': 'application/json;charset=utf-8',
}
});
if (response.ok) {
this.items = await response.json();
} else if (response.status == 422) {
this.failMessage = await response.json();
}
}
async sendNewData(url) {
await this.requestToServer(url);
console.log(this.failMessage);
}
}Вопрос в том, сильно ли важны алгоритмы для начинающего разработчика(джуна) и стоит ли уделять им более пристальное внимание на ранней стадии обучения или не стоит на них зацикливаться и хардтраить
возможно стоит изучать сам язык и рабочие инструменты к нему, а алгоритмами заниматься уже для повышения квалификации
Dragscroll is a micro JavaScript library (910 bytes minified)
будто бы с меня сняли розовые очки и окунули в реальность будущей работы в этой сфере
Действительно ли всё так плохо с Embedded в России?
как безопаснее его хранить на фронте
У картинки есть класс, но он привязан сразу к нескольким разным картинкам, а мне хотелось бы заменить только одну.
Но сайт после перезахода меняет значения после "rev= " и получается новая ссылка и css уже не работает
[src^="https:/\/primer.ru/theme/image.php?theme=fordson&component=url"]:nth-child(3) {
content: url(http://ioioioio.png);
}НО. При каждом входе сайт генерирует новую ссылку для изображения. Зачем так делать вообще?
<button id="myButton">Перейти в чат</button>const myButton = document.getElementById('myButton');
myButton.addEventListener('click', function() {
history.pushState(null, null, '?act=show&id=123');
});Как выключить эту перегрузку?
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Название продукта</span>
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Рейтинг:
<span itemprop="ratingValue">4.5</span> из
<span itemprop="bestRating">5</span>
на основе
<span itemprop="ratingCount">10</span> оценок
</span>
</div><article itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline">Заголовок статьи</h1>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Рейтинг:
<span itemprop="ratingValue">4.5</span> из
<span itemprop="bestRating">5</span>
на основе
<span itemprop="ratingCount">10</span> оценок
</div>
</header>
<div itemprop="articleBody">
<!-- Текст статьи -->
</div>
</article><html>
<head>
<title>Название страницы</title>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": "Название продукта",
"image": "https://example.com/product-image.jpg",
"description": "Описание продукта",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"ratingCount": "10"
},
"offers": {
"@type": "Offer",
"priceCurrency": "USD",
"price": "19.99",
"availability": "http://schema.org/InStock"
}
}
</script>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html><html>
<head>
<title>Название страницы</title>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CreativeWork",
"name": "Название статьи",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"ratingCount": "10"
}
}
</script>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html><form>
<input type="text" class="input" required>
<input type="text" class="input" required>
<input type="text" class="input" required>
<button type="submit" class="form-btn">Отправить</button>
</form>
<button disabled type="button" class="btn">Просто кнопка</button>const massivInput = document.querySelectorAll('.input');
const btnSubmit = document.querySelector('.form-btn');
const btnDisable = document.querySelector('.btn');
let allInputsFilled = false;
massivInput.forEach(element => {
element.addEventListener('input', () => {
allInputsFilled = true;
massivInput.forEach(input => {
if (!input.value) {
allInputsFilled = false;
}
});
if (allInputsFilled) {
btnDisable.disabled = false;
}
});
});Сразу пишите в jsx
Как подключаете less/sass?
<div class="text">
123
<br/>
456
</div>.text { color: red }
{
"source": ["tokens/**/*.json"],
"platforms": {
"css": {
"transformGroup": "css",
"buildPath": "build/",
"files": [
{
"destination": "animation.css",
"format": "css/variables",
"filter": {
"type": "animation",
"property": "keyframe"
},
"options": {
"outputReferences": true
}
}
]
}
},
"properties": {
"animation": {
"keyframe": {
"type": "animation",
"category": "asset",
"value": "@keyframes test { 0% { background-position: 0 } 100% { background-position: 100px } }"
}
}
},
"types": {
"animation": {
"type": "object",
"properties": {
"keyframe": {
"type": "string",
"transform": {
"type": "name",
"value": "animationKeyframe"
}
}
}
}
}
}.my-animation {
animation-name: animationKeyframe;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}