<div class="main">
<div class="main-gourmet"></div>
<div class="main-carhartt"></div>
<div class="main-adidas"></div>
<div class="main-deep"></div>
<div class="main-palace"></div>
<div class="main-nike"></div>
</div>.main {
height: 100vh;
display: grid;
grid-template-areas:
"gourmet gourmet carhartt"
"gourmet gourmet adidas"
"deep palace nike";
grid-template-columns: 3fr 3fr 3fr;
grid-template-rows: 3fr 3fr 4fr;
grid-gap: 15px;
background-color: green;
}
.main-gourmet {
grid-area: gourmet;
opacity: 0.9;
background-color: red;
}
.main-carhartt {
grid-area: carhartt;
opacity: 0.9;
background-color: gray;
}
.main-adidas {
grid-area: adidas;
background-blend-mode: multiply, ;
background-color: black;
}
.main-deep {
grid-area: deep;
opacity: 0.9;
background-color: white;
}
.main-palace {
grid-area: palace;
opacity: 0.9;
background-color: black;
}
.main-nike {
grid-area: nike;
opacity: 0.9;
background-color: red;
}
проблем с удалением событий не былоРазве?
const listener = event => console.log(event);
element.addEventListener('click', listener);
element.removeEventListener('click', listener);element.addEventListener('click', event => console.log(event));
element.removeEventListener('click', event => console.log(event));когда программировал в функциональном стилето что в обоих Ваших примерах - это процедурный стиль. От того что Вы завернули код в класс - он не становится ООП, как и то что написали набор функции - не ФП.
const setup = {port:8000}
const express = require ('express');
const puppeteer = require('puppeteer');
const app = express ();
app.get('/', (req, res) => {
const url = req.query.url;
// вот тут Вы на каждый запрос создаете весьма тяжелую функцию
// в ней 203 AST ноды
// и она жрет в среднем 220КБ оперативы
// (node: 14.4.0; v8: 8.1.307.31-node.33, мерил через process.memoryUsage().heapUsed)
let scrape = async () => {
// а еще на каждый запрос запускам новый браузер
// у ноды это особо памяти не отнимет, а вот у системы - прилично
const browser = await puppeteer.launch({args: ['--no-sandbox']});
const page = await browser.newPage();
// еще и разрешаем запросу из браузера жить вечно
// если конечно сервак не оборвет коннект
await page.setDefaultNavigationTimeout(0);
await page.setUserAgent('Mozilla/5.0 (Linux; Android 7.0; NEM-L51) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.81 Mobile Safari/537.36');
await page.setViewport({width: 375, height: 812});
// куда мы отправляем браузер?
// переменная url у нас из req.query.url - а следовательно начинается с /
// то есть без хоста и протокола...
await page.goto(url);
// что-то мне подсказывает, что это работает не совсем так
// как Вы ожидаете
// https://github.com/puppeteer/puppeteer/blob/main/docs/api.md#pageevaluatepagefunction-args
// читаем: If the function passed to the page.evaluate returns a non-Serializable value, then page.evaluate resolves to undefined
const bottomSheet = await page.evaluate(() => {
return document.querySelector('div[data-marker="bottom-sheet"]');
});
// так как undefined !== null данное условие всегда истинно
if (bottomSheet !== null) {
// здесь по идее придет Promise.reject который мы не ловим (об этом ниже)
await page.click('div[data-marker="bottom-sheet"] button');
}
// и еще раз... ловите доку на нужный метод:
// https://github.com/puppeteer/puppeteer/blob/main/docs/api.md#pageselector
const phoneButton = await page.evaluate(() => {
return document.querySelector('a[data-marker="item-contact-bar/call"]');
});
// всегда ложное условие...
if (phoneButton === null) {
await browser.close();
return false; // ...с return внутри...
}
// еще 1 способ зависнуть (дефолтный таймаут 30 сек)
await page.waitForSelector('a[data-marker="item-contact-bar/call"]');
await page.click('a[data-marker="item-contact-bar/call"]');
try {
await page.waitForSelector('span[data-marker="phone-popup/phone-number"]');
} catch (e) {
await browser.close();
return false;
}
const result = await page.evaluate(() => {
console.log('phone', document.querySelector('span[data-marker="phone-popup/phone-number"]'));
return document.querySelector('span[data-marker="phone-popup/phone-number"]').innerHTML;
});
await browser.close();
return result;
};
// не ловим reject промиса
// и в случае reject не завершаем запрос
// и он тоже висит в памяти
scrape().then((value) => {
console.log(value);
if (value === false)
res.send(500);
// при value === false будет запись в закрытый поток... (или у express есть защита от дурака?)
res.send(value);
// абсолютно бесполезное действие...
scrape = null;
});
});
app.get('/test', (req, res) => {
res.send('Тест');
});
app.listen(setup.port, () => {
console.log('Сервер: порт %s - старт!', setup.port);
});
1. Как спарсить не последнюю новость, а любую (например, предпоследнюю)
2. И как сделать проверку новых новостей, чтобы программа понимала, что вышла новая новость и сразу парсила её.
Ещё я обнаружил, что при таймере парсится одна и та же новость. То есть программа запущена, новость спарсилась и через указанный интервал времени, даже если на сайте появились новые новости будет парсится эта же новость, пока не перезапущу программу.
html = requests.get("https://www.rbc.ru/short_news")
editTask (task, index) {v-model="editidTask.title"task.title = this.editTask.titlethis.tasks.map((task, index) => { if (index === this.editidTask.id) {