const boxState = {
"block-ad-123": 1668436835032,
"block-ad-456": 1668436842279,
};
Хранить этот объект можно в localStorage, переведя в строку: JSON.stringify(boxState)
const boxKey = 'BOX_STATE'; // ключ для хранения в localStorage
const boxState = JSON.parse(localStorage.getItem(boxKey)) ?? {};
const TTL = 36e5; // сколько держать блок скрытым, в миллисекундах (1 час)
const expiredIds = [];
Object.entries(boxState)
.forEach((key, value) => {
if (value + TTL < Date.now()) {
// устарел, более не скрываем
expiredIds.push(key);
} else {
// актуален, скрываем блок
document.getElementById(key).classList.add("hide");
}
});
if (expiredIds.length) {
expiredIds.forEach(id => delete boxState[id]);
localStorage.setItem(boxKey, JSON.stringify(boxState));
}
Date.now()
, const onClose = ({ target }) => {
const block = target.closest('div.block');
const { id } = block;
boxState[id] = Date.now();
localStorage.setItem(boxKey, JSON.stringify(boxState));
block.classList.add("hide");
};
document.querySelectorAll('img.x-button')
.addEventListener('click', onClose);
0
(январь) до 11
(декабрь).new Date()
getMonth()
0..11
в слово, как вариант, можно составить массив имён месяцев:const monthNames = ['январь', 'февраль', ... 'декабрь'];
Удобно: под индексом 0
тут как раз "январь", под 11
"декабрь". #search_table VS #search_card
input[name^=name] VS [data-item-name="name"]
val() VS text()
const addFilter = (listenSelector, findSelector, methodName) => {
$(listenSelector).keyup(function search() {
const search = this;
const searchValue = $(search).val().toLowerCase();
$("#tabname tbody tr")
.find(findSelector)
.each(function () {
const currentValue = $(this)[methodName]().toLowerCase();
$(this).closest("tr").toggle(currentValue.includes(searchValue));
});
});
};
addFilter('#search_table', 'input[name^=name]', 'val');
addFilter('#search_card', '[data-item-name="name"]', 'text');
Promise.allSettled()
– передать в него массив промисов запросов Axios, и в следующий then() попадёт массив с результатами:const batch = new Array(214)
.fill()
.map((_, i) => `https://example.com/api/${i}`) // URL запросов
.map(url => axios.get(url));
Promise.allSettled(batch)
.then(axiosResults => {
const results = [];
const errors = [];
axiosResults.forEach(({ status, res }) => {
if (status === 'fullfilled') {
results.push(res);
} else if (status === 'rejected') {
errors.push(res);
}
});
return { results, errors };
})
.then(({ results, errors }) => {
console.log('Вот результаты: %o, а вот ошибки: %o', results, errors);
});
let isExpanded = false; // единственный источник правды
el.addEventListener('click', () => {
isExpanded = !isExpanded; // переключить
// показать
linkusersnew.innerText = isExpanded ? 'Свернуть' : 'Развернуть';
userwrap.style.height = isExpanded ? '600px' : '400px';
newdel.style.display = isExpanded ? 'flex' : 'none';
});
- const signinbtn = document.queryselector('.signn-btn');
- const signupbtn = document.queryselector('.signup-btn');
- const formbox = document.queryselector('.formbox');
+ const signinbtn = document.querySelector('.signin-btn'); // имя класса
+ const signupbtn = document.querySelector('.signup-btn');
+ const formbox = document.querySelector('.formbox');
addEventListener
и classList
.querySelector()
– чуть другое.v
всегда число ("v" for "value"),c
— опциональный массив дочерних элементов ("c" for "children").if (last && Array.isArray(last.v)) {
тут, видимо, лишняя.v
это массив.. Так что нужна, если данные именно такие.if (last && typeof last.c === 'object') {
, за исключением корневого свойства, где это таки объект.last
- el.parentNode.replaceChild(customSelect, el);
+ el.parentNode.replaceChild(customSelect.cloneNode(true), el);
settParent
.settParent.addEventListener('input', ({ target }) => console.log(target.value));
const dateInterval = [new Date(), new Date()];
const setTimes = interval =>
interval
.map(d => new Date(d))
.map((d, i) => {
d.setHours(23 * i);
d.setMinutes(59 * i);
d.setSeconds(59 * i);
d.setMilliseconds(999 * i);
return d;
});
setTimes(dateInterval)
// Array [
// Date Mon Nov 07 2022 00:00:00 GMT+0300 (Moscow Standard Time),
// Date Mon Nov 07 2022 23:59:59 GMT+0300 (Moscow Standard Time)
// ]
const { searchParams } = new URL(document.location.href);
const url = new URL('https://ya.ru');
['utm_source', 'utm_medium', 'utm_campaign']
.filter(param => searchParams.has(param))
.forEach(param => url.searchParams.set(param, searchParams.get(param)));
const urlString = url.toString();
document.querySelectorAll('div.tg-button > a')
.forEach(el => el.setAttribute('href', urlString));
Получить объект параметр-значение из адреса текущей страницы;const target = { a: '', b: 'V'}; // скопируем сюда
const source = { a: 'AAA', c: 'CCC' }; // отсюда
Object.assign(target, source);
target // { a: "AAA", b: "V", c: "CCC" }
participants
, то можно так:hotel.forEach(({ room }) => room.forEach(slot => Object.assign(slot, participants.pop())));
participants
.let i = 0;
hotel.forEach(({ room }) =>
room.forEach((slot) => Object.assign(slot, participants[i++]))
);
function f() {}; // традиционное объявление функции
тут f
вылезет наверх ("hoisting") и будет доступна всему коду.(function f() {}) // функциональное выражение function expression
// ещё варианты
const x = function f() {};
console.log( function f() {} );
имя f
будет относиться к этой функции только внутри неё, для рекурсивных вызовов, например.if( function() {})
как раз создаёт function expression. Поэтому f
нигде снаружи не видна. value = 1000 + 135 * (15000 - 1000) / 180 = 11500