export default {
build: {
outDir: 'dist', // имя общей выходной директории
assetsDir: 'js' // имя директории со статикой
//assetsDir: './' // размещение статики внутри "dist"
}
}module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist/js'),
//path: path.resolve(__dirname, 'dist'), // размещение статики внутри "dist"
filename: 'bundle.js'
}
};const swiper = new Swiper('.swiper-container', {
// параметры слайдера
pagination: {
el: '.swiper-pagination',
clickable: true,
renderCustom: function (swiper, current, total) {
let paginationHtml = "";
const maxVisible = 3; // максимальное количество видимых элементов
// добавляем первый элемент
paginationHtml += '<span class="swiper-pagination-bullet">' + 1 + '</span>';
// добавляем обрезанные числа, если их нужно показать
if (total > maxVisible) {
const start = current - 1;
const end = current + 1;
if (current < 2) {
end += 2 - current;
} else if (current > total - 2) {
start -= current - (total - 3);
}
if (start > 1) {
paginationHtml += '<span class="swiper-pagination-bullet">..</span>';
}
for (let i = start; i <= end; i++) {
if (i > 1 && i < total) {
paginationHtml += '<span class="swiper-pagination-bullet">' + i + '</span>';
}
}
if (end < total) {
paginationHtml += '<span class="swiper-pagination-bullet">..</span>';
}
} else {
// добавляем остальные элементы
for (let i = 2; i <= total - 1; i++) {
paginationHtml += '<span class="swiper-pagination-bullet">' + i + '</span>';
}
}
// добавляем последний элемент
paginationHtml += '<span class="swiper-pagination-bullet">' + total + '</span>';
return paginationHtml;
}
}
});<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример чтения и вывода текстового файла в HTML</title>
</head>
<body>
<div id="content"></div>
<script>
fetch('example.txt')
.then(response => response.text())
.then(text => {
const paragraphs = text.split('\n\n');
const contentElement = document.getElementById('content');
paragraphs.forEach(paragraph => {
const p = document.createElement('p');
p.textContent = paragraph;
contentElement.appendChild(p);
});
});
</script>
</body>
</html>important..woocommerce.single-product .product .summary.entry-summary {
display: grid;
}
.woocommerce.single-product .product .woocommerce-product-details__short-description {
order: 1;
}
.woocommerce.single-product .product .summary.entry-summary .price {
order: 2;
float: none;
}
.woocommerce.single-product .product form.cart {
order: 3;
}
.woocommerce.single-product .product .product_meta {
order: 4;
}Здравствуйте, изучаю веб-разработку не так давно, но уже слышал про CMS
И насколько вообще важная штука CMS, и как частно нужно будет с ней работать?
Знаю, что с udimm не будет адекватно работать rdimm. А как будет работать обычный dimm, знает кто?
грид автоматически создаст одну колонку и 6 рядов
Насколько эт целесообразно для SEO
сам не сильно специалист, но пошагово по инструкции смогу наверное убрать
.product-item__name убрать правило height: 56px;..product-item__name { height: auto; }но в каталоге обогреватели его нету
но в начале можно ли обойтись полностью флексом
изучив его досконально и не трогать grid, а потом только уже с grid-ом знакомиться
можно ли одним Flex-ом без ущерба проекту и его качеству реализовать ровно также как на grid
Как в 2023 изучать node.js?
Столкнулся с такой проблемой, что при изучении node.js не хватает актуальных материалов
но коннект с БД.
Что актуального в плане изучения можете посоветовать?
Я именно не понимаю как сделать так что бы сверху было 3 колонки и 2 снизу