0xD34F

must be defined before the lazysizes script

date_create($date1)->diff(date_create($date2))->format('%a')

const { id } = Object.values(CategoryProduct).flat().find(n => n.name === name) || {};

str.replace(/(p17)\/\w+/, '$1').replace('/index.m3u8', '.mp3')

document.querySelectorAll(selector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.preventDefault());

document.addEventListener('click', e => {
  const link = e.target.closest(selector);
  if (link) {
    e.preventDefault();
  }
});

Не могу понять, что в моём коде не так.

1. function getIndexOfWarmestDay(data){

   
   Козлиное имя функции - не соответствует тому, что она должна делать.
   
   

2. let max = 0;

   
   Каким будет результат, если все элементы массива отрицательные? Начальное максимальное значение должно быть максимально минимальным - минус бесконечность.
   
   

3. resultArr += max;

   
   Это как вообще родилось? Надо было погуглить, как выполняется добавление значения в массив, вместо того, чтобы высасывать из пальца подобную чушь.
   
   

4. max = 0;

   
   Вместо того, чтобы сбрасывать максимальное значение, надо разместить объявление переменной внутри внешнего цикла, перед внутренним.
   
   

5. console.log(resultArr);

   
   Функция должна заниматься чем-то одним. Не надо смешивать вычисления и вывод результатов. Вместо console.log тут надо делать return.
   
   
6. Слишком многословно, зачем-то написано десять строк вместо одной: data.map(n => Math.max(...n)).
   

return createElement('div', {
  domProps: {
    innerHTML: '<b>hello, world!!</b>',
  },
});

function scrollTracking() {
  const wt = $(window).scrollTop();
  const wh = $(window).height();

  $('#console').html($('.active').get().find(n => {
    const et = $(n).offset().top;
    const eh = $(n).outerHeight();
    return wt > et && wt + wh - eh * 2 <= et + (wh - eh);
  }) ? 'Работает' : 'Не работает');
}

1. Мутирование переданного массива
   
2. Для массивов нулевой и единичной длины результат не строка
   
3. Многовато if'ов, слишком сложно
   

const range = ([...arr]) => arr
  .sort((a, b) => a - b)
  .reduce((acc, n, i, a) => (
    (n === a[i - 1] + 1) || acc.push([ n ]),
    acc[acc.length - 1][1] = n,
    acc
  ), [])
  .map(([ a, b ]) => a === b ? a : `${a}-${b}`)
  .join(', ');

const range = arr => ''.concat(...arr
  .slice()
  .sort((a, b) => a - b)
  .reduce((acc, n, i, a) => (
    n !== a[i - 1] + 1 && acc.push(i ? `, ${n}` : n),
    n === a[i - 1] + 1 && n !== a[i + 1] - 1 && acc.push(`-${n}`),
    acc
  ), [])
);

.media > div {
  display: flex;
}

не давать снять последний чекбокс

function interval(arr, delay, callback) {
  let i = ~-arr.length;

  return arr.length
    ? setInterval(() => callback(arr[i], arr[i = -~i % arr.length]), delay)
    : null;
}

// или

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function step(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i++], arr[i %= arr.length]);
      step(i);
    }, delay);
  })(arr.length - 1);

  return () => clearTimeout(timeoutId);
}

interval(
  document.querySelectorAll('.banner-block'),
  300,
  (prev, curr) => {
    prev.classList.remove('active');
    curr.classList.add('active');
  }
);

В документации написано, что данные передаваемые через provide/inject от родителя ребенку реактивны.

Note: the provide and inject bindings are NOT reactive.

$('.num').each(function() {
  $({ value: 0 }).animate({ value: +$(this).text() }, {
    duration: 1000,
    easing: 'linear',
    step: val => $(this).text(val.toFixed(2)),
  });
});

<div class="item" data-type="only">
  <h2>Выбрать все категории</h2>
  ...
</div>
<div class="item" data-type="one">
  <h2>Выбрать пол</h2>
  ...
</div>
<div class="item" data-type="multiple">
  <h2>Выбрать тип одежды</h2>
  ...
</div>

const containerSelector = '.filter';
const itemSelector = `${containerSelector} .item`;
const baseBtnSelector = 'button';
const btnSelector = `${itemSelector} ${baseBtnSelector}`;
const btnOnlySelector = `${itemSelector}[data-type="only"] ${baseBtnSelector}`;
const activeClass = 'active';

document.addEventListener('click', ({ target: t }) => {
  const button = t.closest(btnSelector);
  if (button) {
    const toggle = n => n.classList.toggle(activeClass, n === button);
    const item = button.closest(itemSelector);
    const { type } = item.dataset;

    item
      .closest(containerSelector)
      .querySelectorAll(type === 'only' ? btnSelector : btnOnlySelector)
      .forEach(toggle);

    if (type === 'multiple') {
      button.classList.toggle(activeClass);
    } else if (type === 'one') {
      item.querySelectorAll(btnSelector).forEach(toggle);
    }
  }
});