Сергей Соколов

(names =>
  names.forEach(name => {
    document.getElementsByClassName(name).forEach(({ style }) => {
      style.display = name;
    });
  }))(['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'table', 'inline-table', 'table-caption']);

оператор ИЛИ возвращает последнюю правду, а по факту дает True, а не 5. Ведь 5 в этом контексте тоже true

5 === 5 && 3 > 1 || 5
(5 === 5 && 3 > 1) || 5
// && проверит, чтобы все были true
// и вернёт последний, т.е. вернёт 3 > 1 === true
// || увидит, что уже есть true и вернёт его, не проверяя 5

function foo() {}; // пустой блок
foo({}); // передали пустой объект аргументом

{} // пустой блок инструкций
({}) // отдельно висящий никому не нужный пустой объект

[{}] // создали массив с пустым объектом
{[]} // внутри блока создали пустой массив и забыли про него

как это выглядит

butthurt: while (i <= 10) {
  while (j < i) {
    alert('Внутренний цикл ' + j);
    if (i % j === 0) continue butthurt;

const LIMIT = 10;
let i = 2;
while (i <= LIMIT) {
  let j = 2;
  let isPrime = true;
  while (j < i && isPrime) {
    alert(`Внутренний: ${i} / ${j}`);
    if (i % j === 0) isPrime = false; // делится, значит не простое
    j++;
  }
  alert(`Внешний: ${i} - ${isPrime ? 'ПРОСТОЕ' : 'не простое'}`);
  i++;
}

const timeFromBackend = "2022-11-15T20:00:00Z";
const localTime = new Date(timeFromBackend); // 23:00 Msk
const oo = n => n.toString(10).padStart(2, '0');
const YYYY = localTime.getFullYear();
const MM = oo(localTime.getMonth() + 1);
const DD = oo(localTime.getDate());
const HH = oo(localTime.getHours());
const II = oo(localTime.getMinutes());
const localTimeForInput = [YYYY, MM, DD].join('-') + 'T' + [HH, II].join(':');
console.log(localTimeForInput); // 2022-11-15T23:00

const timeFromBackend = "2022-11-15T20:00:00Z";
const localTime = new Date(timeFromBackend); // 23:00 Msk
const shiftedTime = new Date(localTime);
shiftedTime.setMinutes(shiftedTime.getMinutes() - shiftedTime.getTimezoneOffset());
const timeForInput = shiftedTime.toISOString().substring(0, 16);
console.log(timeForInput); // "2022-11-15T23:00"

const timeFromInput = "2022-11-15T22:00";
const date = new Date(timeFromInput);
const timeForBackend = date.toISOString().substring(0, 19) + 'Z';
console.log(timeForBackend)  // "2022-11-15T19:00:00Z"

1 && "2" // строка "2"
0 && "2" // число 0

0 || "2" // строка "2"
1 || false // число 1

1 && "2" && "habr" // вернёт "habr"
"1" && 0 && "qna" // 0

0 || false || "habr" === "qna" // false, результат ("habr" === "qna")
0 || 1 || 2 || true // 1, дальше проверять не пришлось

const store = [
  {
    template: {
      data: [1, 2, 3],
    },
    settings: {
      get render() {
        console.log(store[0].template.data);
      },
    },
  },
];

store[0].settings.render  // [ 1, 2, 3 ]

_________zzzoooABCuuu
xxxABCiii      |||
 xxxABCiii     |||
  xxxABCiii    |||
...            |||
            xxxABCiii
...
                    xxxABCiii

function mostCommon(a, b) {
  const A = a.split('');
  const B = b.split('');
  const min = {
    diff: A.length + B.length,
    index: -A.length,
    start: undefined,
    finish: undefined,
  };

  for (let offset = -A.length; offset < B.length; offset++) {
		let diff = Math.max(0, -offset) + Math.max(offset + A.length - B.length, 0);
		const initialDiff = Math.max(0, -offset) + Math.max(offset + A.length - B.length, 0);
    const start = Math.min(Math.max(0, offset), B.length);
    const finish = Math.min(Math.max(0, offset + A.length), B.length);
    let matchStart;
    let matchFinish;
    for (let i = start, isMatchStarted = false; i < finish; i++) {
      if (B[i] !== A[i - offset]) diff++;
      else {
        if (!isMatchStarted) {
          matchStart = i;
          isMatchStarted = true;
        }
        matchFinish = i;
      }
    }

    if (diff < min.diff) {
      min.diff = diff;
      min.index = offset;
      min.start = matchStart;
      min.finish = matchFinish;
    }
  }

  console.log(min, b.substring(min.start, min.finish + 1));

  return min;
}

mostCommon('xxx>abcABCxxx', 'bbbzzz>abcAXCiiiqqq');
// { diff: 7, index: 3, start: 6, finish: 12 } >abcAXC

mostCommon("1246380924534", "88899212465809");
// { diff: 6, index: 6, start: 6, finish: 13 } 12465809

// в относительных единицах от старта песни
const hits = [ { time: 0 }, { time: 24 }, { time: 36 }, ];

// on play start
const timeK = 1200; // в зависимости от темпа
const playStartTime = Date.now();
const events = hits.map(hit => {
  hit.ts = playStartTime + timeK * hit.time;
  return hit;
});
// теперь у каждой ноты есть время ts, когда она должна сыграть

// внутри цикла requestAnimationFrame, который часто-часто,
// сраниваем текущее время с нотами,
// если разница менее 100 мс, ноту можно "играть"
const now = Date.now();
events.filter(note => Math.abs(note.ts - now) < 100).forEach(note =>play(note));

const boxState = {
  "block-ad-123": 1668436835032,
  "block-ad-456": 1668436842279,
};

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));
  }

1. добавить в стейт id этого блока и текущее время Date.now(),
   
2. сохранить состояние в localStorage,
   
3. добавить класс блоку.
   

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);

1. кого слушаем #search_table VS #search_card
   
2. что ищем input[name^=name] VS [data-item-name="name"]
   
3. и с чем сравниваем 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');

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');

const arr = ['katya', 'Karolina', 'Vladislav', 'Anna', 'Habr', 'Lepra'];
console.log(
  arr.filter(({ length }) => length === 5)
);