0xD34F

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

created() {
  this.chooseChild = Object.values(this.parent)[0];
  this.chooseS = Object.values(this.chooseChild)[0];
  this.showinfo = Object.values(this.chooseS)[0];
},

data: () => ({
  selectedValues: [],
  ...

computed: {
  selectData() {
    const options = [];
    let { items } = this;

    while (items instanceof Object) {
      options.push(Object.keys(items));
      items = items[this.selectedValues[options.length - 1]];
    }

    return {
      options,
      result: items || null,
    };
  },
},

<div>
  <select
    v-for="(options, i) in selectData.options"
    v-model="selectedValues[i]"
    @input="selectedValues.length = i"
  >
    <option v-for="n in options">{{ n }}</option>
  </select>
</div>
<div>SELECTED: <b>{{ selectData.result || '&lt; NONE &gt;' }}</b></div>

created() {
  let { items } = this;
  while (items instanceof Object) {
    const key = Object.keys(items)[0];
    this.selectedValues.push(key);
    items = items[key];
  }
},

toggleDetails = (e) => {
  e.preventDefault();
  this.setState({ details: !this.state.details });
}

@media screen and (max-width: 768px) {
  br {
    display: none;
  }
}

function merge(nums1, m, nums2, n) {
  for (let i = m + n, i1 = m - 1, i2 = n - 1; i--;) {
    nums1[i] = i2 < 0 || nums1[i1] > nums2[i2] ? nums1[i1--] : nums2[i2--];
  }
}