Главная Продвижение в интернете
Продвижение в интернете
Зачем e-commerce нужны рекламные кампании, работающие по фиду
Запуская рекламу для онлайн-магазина, вы можете столкнуться с рядом ограничений. Вот только малая часть из них:
бюджет клиента ограничен, не позволяет тестировать множество...
Как создать HTML таблицу с помощью Python
Как известно Python может стать отличным инструментом
для автоматизации задач, которые в противном случае пришлось
бы выполнять вручную.
Возможности Python могут сэкономить часть работы,
особенно при работе с...
Как за месяц увеличить количество заявок в 1,7 раза, а их стоимость снизить в 1,6 раза. Кейс
Лид-формы – один из привычных форматов продвижения. С его помощью можно решать широкий спектр задач: от быстрого сбора контактов клиентов до роста продаж. В...
Конкурентность запросов. Почему она важнее, чем частотность
Конкурентность запросов – это то, что показывает SEO-специалисту, по каким фразам легче всего продвигаться в поисковой выдаче. Ведь можно тратить время и деньги, пытаясь...
Что будет, если не заниматься репутацией бренда в интернете
Для любого бренда репутация в онлайн-пространстве является важным фактором в продажах, привлекающим и удерживающим лояльных клиентов.
Почему так происходит?
Как раньше, так и сейчас...
Экспорт списка в HTML в JavaScript
Доброго времени суток! Сегодня мы рассмотрим с Вами как можно конвертировать список в HTML таблицу в JavaScript.
Код:
/**
* list - список или массив объектов строк
* columns - колонки, которые должны попасть в экспортируемую таблицу
*/
function list2Html(list, columns)
{
if(0 === list.length)
throw new Error("Нечего экспортировать!");
// функция, которая создает html-код из данных
const html = (headers, rows) => {
const th = headers.map(el => `<th>${el}</th> `).join('');
const trows = rows.map(row => row.map(col => `<td>${col}</td>`).join(''));
return `
<table border="1" style="text-align: center">
<thead>
<tr>${th}</tr>
</thead>
<tbody>
${trows.map(trow => `<tr>${trow}</tr>`).join('')}
</tbody>
</table>
`;
}
const rows =
/**
* Так как, список у нас состоит из объектов, у которых есть определенные свойства
*
*/
for (const item of list)
{
// мы создаем новый объект, которому добавляем свойства из параметра columns
// чтобы у всех строк было похожее количество столбцов, даже если столбцы пустые
const obj = columns.reduce((result, item) => {
result = "";
return result;
}, {});
// проходимся по каждому свойству объекта, и смотрим есть ли у него такое же свойство
// как и в списке columns, если нет, то значит этот столбец в экспортируемой таблице не нужен
for (const column in item)
{
if(columns.includes(column))
{
obj = item;
}
}
// оставляем только значения из объекта
rows.push(Object.values(obj));
}
// формируем и возвращаем html
return html(columns, rows);
}
При нажатии на кнопу экспорта - создаем таблицу...
О чем писать на сайте, чтобы он действительно продавал
Паша Молянов руководит агентством «Сделаем», в котором делают контент для бизнеса и стартапов, в том числе проектируют лендинги. Паша рассказал о том, что писать...
Нейроколлеги: как использовать ИИ в работе агентства
Об искусственном интеллекте сегодня шумят из каждого утюга: его активно используют в производстве, науке, бизнесе и диджитал-маркетинге. Мы в «Четвёртом Риме» тоже внедрили нейросети...
Как амбассадорская программа VK помогает строить комьюнити вокруг IT-бренда
В этом году VK набрала уже шестой поток амбассадоров из числа школьников и студентов по всей стране. Рассказываем, как мы пришли к идее запуска...
Эффект светящегося блока на CSS
Доброго времени суток! В примере выше мы рассмотрим как сделать эффект светящегося блока на CSS.
Итак, код:
<!DOCTYPE html>
<html>
<head>
<style>
:root {
--main-color: #0dc18b;
--box-width: 400px;
}
body {
background-color: #030303;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-top:100px;
}
.box {
width: var(--box-width);
height: calc(var(--box-width) / 2);
background-color: var(--main-color);
border-radius: 10px;
box-shadow: 0 0 10px var(--main-color),
0 0 20px var(--main-color),
0 0 30px var(--main-color);
animation: anim 1s infinite;
}
/**
анимация свечения на основе теней блока
*/
@keyframes anim {
0% {
box-shadow: 0 0 10px var(--main-color),
0 0 20px var(--main-color),
0 0 30px var(--main-color);
}
100% {
box-shadow: 0 0 20px var(--main-color),
0 0 40px var(--main-color),
0 0 60px var(--main-color);
}
0% {
box-shadow: 0 0 10px var(--main-color),
0 0 20px var(--main-color),
0 0 30px var(--main-color);
}
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
</html>
Источник
Предыдущая
Свежее
Добро пожаловать! Войдите в свой аккаунт
Зарегистрировать учетную запись
Пароль будет выслан Вам по электронной почте.
Восстановить пароль
