0xD34F

str.slice(1).split('&').reduce((acc, n) => (n = n.split('='), acc[n[0]] = n[1], acc), {})

// или

[...str.matchAll(/(\w+)=([^&]*)/g)].reduce((acc, [ , k, v ]) => ({ ...acc, [k]: v }), {})

// или

Object.fromEntries(new URLSearchParams(str))

Кладём данные в vuex, компоненты списка сообщений и отдельного сообщения вешаем на разные роуты. Последний будет принимать id в качестве параметра и пробрасывать его в компонент. В самом компоненте добавляем вычисляемое свойство - по id из хранилища извлекается нужный объект. Например.

Сделать объект, где ключами и значениями будут возможные значения stage и соответствующие им значения, передаваемые в emit первым параметром:

const STAGES = {
  2: 'itemGv',
  5: 'itemTm',
};

После этого множество условных операторов внутри цикла можно заменить на один - извлекаем из объекта значение, проверяем, что оно не мусор:

for (const [ key, val ] of Object.entries(items)) {
  const s = STAGES[val.stage];
  if (s) {
    this.client.srem('items', key);
    this.emit(s, val);
  }
}

Вместо

li(class=list.class)= list.desc

должно быть

li(class=item.class)= item.desc

const XXX = length => Array
  .from({ length }, (n, i) => Array
    .from({ length: i + 1 }, (n, i) => i + 1)
    .join(','))
  .join('\n');

console.log(XXX(5));

или

const XXX = length => Array
  .from({ length }, function() {
    this.push(-~this.length);
    return this.join`,`;
  }, [])
  .join`\n`;

или

const XXX = length => Array
  .from({ length }, (n, i) => Array
    .from(Array(++i).keys())
    .reduce((acc, n) => acc + (acc && ',') + ++n, ''))
  .reduce((acc, n) => acc + (acc && '\n') + n, '');

const SKILLS = {
  sport: [ 'running', 'squats', 'snowboarding' ],
  music: [ 'guitar', 'drums' ],
};

const filterBySkill = (people, filter) =>
  people.filter(({ skills }) =>
    skills.every(n => filter.some(m => SKILLS[m].includes(n))) &&
    filter.every(n => skills.some(m => SKILLS[n].includes(m)))
  );

<div id="time"></div>

function setTimer(el, template) {
  return setInterval(el => {
    const d = new Date();
    const timeData = Object.fromEntries([
      [ 'h', 'getHours' ],
      [ 'm', 'getMinutes' ],
      [ 's', 'getSeconds' ],
    ].map(n => [ n[0], `${d[n[1]]()}`.padStart(2, 0) ]));

    el.innerHTML = template.replace(
      /\$(\w)/g,
      (m, g1) => timeData.hasOwnProperty(g1) ? timeData[g1] : m
    );
  }, 1000, typeof el === 'string' ? document.querySelector(el) : el);
}


const intervalId = setTimer('#time', '<strong>Сейчас</strong> $h:$m:$s');

preg_replace('/[^a-zа-я ]/ui', '', $str)

function sortChildren(el, key) {
  el.append(...Array
    .from(el.children, n => [ n, key(n) ])
    .sort((a, b) => a[1] - b[1])
    .map(n => n[0])
  );
}


sortChildren(document.querySelector('.menu'), n => +n.dataset.num);

Потому что селекторы атрибутов и псевдоклассов имеют одинаковую специфичность, а :hover у вас расположен выше.

Дело в том, что getElementsByTagName возвращает динамическую коллекцию элементов, т.е. такую, которая автоматически обновляется при добавлении/удалении элементов. Поэтому сейчас у вас происходит следующее: удалили элемент с индексом 0, и у всех остальных элементов изменился индекс на единицу вниз, 0 вместо 1, 1 вместо 2 и т.д. При этом счётчик цикла вы на единицу увеличили, так что на следующей итерации удаляете элемент с индексом 1 - бывший 2. А тот, который был 1 и стал 0 - его вы пропускаете. А после следующего удаления пропускаете ещё один. Ну и т.д. Каждый второй.

Какие тут есть варианты действий:

• Замените document.getElementsByTagName("p") на document.querySelectorAll('p'), так вы получите статическую коллекцию элементов.
  
• Перебирайте содержимое allP от конца к началу:
  
  

  for (let i = allP.length; i--;) {
    body.removeChild(allP[i]);
  }

  
  
• Удаляйте элемент с нулевым индексом, пока есть что удалять:
  
  

  while (allP.length) {
    allP[0].remove();
  }

  
  
  

Ну и ещё кое-что. Обращаться к body по id - безумие, этот элемент существует в единственном экземпляре и ссылка на него доступна как свойство объекта document. Так что id уберите и замените document.getElementById("body") на document.body.

myPieChart.data.datasets[0].data = [ complete, incomplete ];
myPieChart.update();

как улучшить мой код

Подобный код не улучшают, а переписывают.

function fearNotLetter(str) {
  const missing = Array
    .from(str, n => n.charCodeAt(0))
    .find((n, i, a) => n !== a[0] + i);

  return missing && String.fromCharCode(missing - 1);
}

https://jsfiddle.net/5wtopLka/

getCitiesOptions = () => {
  const country = +this.state.country;

  return Object
    .entries(cities)
    .filter(n => n[1].country === country)
    .map(([ id, city ]) => <option key={id} value={id}>{city.name}</option>);
}

Добавьте collision: 'none' в position.

Тут могут помочь order и ~:

<div class="container">
  <img class="center" src="...">
  <img class="left" src="...">
  <img class="right" src="...">
</div>

.container {
  display: flex;
}

.center {
  order: 2;
}
.left {
  order: 1;
  visibility: hidden;
}
.right {
  order: 3;
  visibility: hidden;
}

.center:hover ~ .left,
.center:hover ~ .right {
  visibility: visible;
}

https://jsfiddle.net/561pc9gr/