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

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

- el.parentNode.replaceChild(customSelect, el);
+ el.parentNode.replaceChild(customSelect.cloneNode(true), el);

settParent.addEventListener('input', ({ target }) => console.log(target.value));

export default str => {
  const validLetters = (625442493).toString(36);
  const emptyString = [] + [];

  return str
    .split(emptyString)
    .map(c => (validLetters.includes(c) ? c.charCodeAt(0) - 61 : Number(c).toString() === c ? c : emptyString))
    .join(emptyString);
};