0xD34F

+str.replace(/.+img-(?=\d)|\D+$/g, '')

или

str.match(/(?<=img-)\d+/) | 0

или

parseInt(str.split('/img-').pop())

есть массив индексов [0, 3, 1, empty, 2]
<...>
должно быть - [100, 400, 200, empty, 300]

Что, вот прям так - empty? Ну, держите:

for (let i = 0; i < indexes.length; i++) {
  if (indexes.hasOwnProperty(i)) {
    arr.push(arr[indexes[i]]);
  } else {
    arr.length++;
  }
}
arr.splice(0, arr.length - indexes.length);

Если отказаться от этого идиотизма с empty (пусть в массиве индексов будет что-то не числовое, null например; а в исходный массив подставляться будет undefiend, соответственно), то

arr.splice(0, arr.length, ...indexes.map(i => arr[i]));

Убрать stacking из plotOptions.column. Добавить (туда же) grouping: false.

Заменяем ol на transition-group:

<transition-group tag="ol" name="todo">
  <li
    v-for="(todo, i) in todos"
    :key="todo.id"
    @click="todos.splice(i, 1)"
  >{{ todo.text }}</li>
</transition-group>

И добавляем стили:

li {
  transition: all 0.7s;
}

.todo-leave-active {
  position: absolute;
}

.todo-leave-to {
  transform: translateX(500px);
  opacity: 0;
}

https://jsfiddle.net/8j5ygb7n/

Не нужно здесь никаких вычисляемых свойств, можно использовать для назначения класса name и password:

:class="{ 'authorization__label--done': name }"

:class="{ 'authorization__label--done': password }"

https://codepen.io/anon/pen/PryVPj?editors=1010

UPD. https://jsfiddle.net/y2aL36rp/

О каком классе идёт речь: const className = 'carusel__item_active';.

Как проверить, что элемент имеет класс:

const hasClass = el => el.classList.contains(className);
// или
const hasClass = el => el.matches(`.${className}`);
// или
const hasClass = el => el.className.split(' ').includes(className);
// или
const hasClass = el => RegExp(`(^| )${className}( |$)`).test(el.classList.value);

Получаем элемент:

const activeSlide = Array.prototype.find.call(items, hasClass);

// или

let activeSlide = null;

for (const n of items) {
  if (hasClass(n)) {
    activeSlide = n;
    break;
  }
}

// или

const [ activeSlide ] = [...items].filter(hasClass);

// или

let activeSlide = null;

for (let i = 0; i < items.length && !activeSlide; i++) {
  activeSlide = hasClass(items[i]) ? items[i] : activeSlide;
}

function onMarkerClick(e) {
  map.setZoom(8);
  map.panTo(e.latLng);
}


for (const f of features) {
  const marker = new google.maps.Marker({
    position: f.position,
    icon: icons[f.type].icon,
    map,
  });
  marker.addListener('click', onMarkerClick);
}

this.setState({

Даже думать не хочу, возможна ли такая ситуация, когда сразу после вызова setState для результата одного запроса начинает обрабатываться другой. Не будем рисковать потерей результатов и используем функциональное обновление. Ну и если хотите последовательные запросы, тогда надо ждать конца предыдущего, чтобы сделать следующий, async/await позволит код упростить.

async componentDidMount() {
  for (const url of urlList) {
    const
      dataAPI = [ ...this.state.dataAPI, await servicesAPI.getResourse(url) ],
      loaded = dataAPI.length === urlList.length;

    await new Promise(r => this.setState({ dataAPI, loaded }, r));
  }
}

const input = document.querySelector('input');
const buttons = document.querySelectorAll('button');
buttons.forEach(n => n.addEventListener('click', onClick));

Можно сложить в массив информацию о том, какой класс какому id соответствует:

const classes = [
  [ 'id1', 'class1' ],
  [ 'id2', 'class2' ],
  [ 'id3', 'class3' ],
];

function onClick() {
  classes.forEach(n => input.classList.toggle(n[1], n[0] === this.id));
}

Или добавить кнопкам атрибут, который будет содержать имя класса (id кнопкам в этом случае уже не нужны):

<button data-class="class1">click me</button>
<button data-class="class2">click me</button>
<button data-class="class3">click me</button>

function onClick() {
  buttons.forEach(n => input.classList.toggle(n.dataset.class, n === this));
}

jsfiddle.net/54hpusg2

const count = (max, timeout) => (function next(i) {
  if (i <= max) {
    setTimeout(() => {
      console.log(i);
      next(++i);
    }, timeout(i));
  }
})(0);


count(100, i => i * 5);

Ищем готовое или реализовываем самостоятельно:

function debounce(f, delay) {
  let timeoutId = null;

  return function() {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => f.apply(this, arguments), delay);
  };
}

function throttle(f, delay) {
  let lastCall = -Infinity;

  return function() {
    const now = +new Date;
    if (now - lastCall > delay) {
      lastCall = now;
      return f.apply(this, arguments);
    }
  };
}

a(href=`mailto:${email}`) #{email}

$count = array_reduce(array_keys($arr), function($acc, $n) {
  return $acc + (strpos($n, 'my.key') === 0);
}, 0);

Нужно сделать два цикла - по элементам массива с данными, и по элементам вложенных массивов.

Вариант раз: внешний v-for вешаем на template, внутренний на tr, ячейки с rowspan'ами выводятся только на нулевой итерации внутреннего цикла:

<template v-for="row in rows">
  <tr v-for="(n, i) in row.links">
    <td v-if="!i" :rowspan="row.links.length">{{ row.name }}</td>
    <td v-if="!i" :rowspan="row.links.length">{{ row.age }}</td>
    <td>{{ n }}</td>
  </tr>
</template>

Если ячейки с rowspan'ами прописывать вручную не хочется, то добавляем ещё по одному template и v-for:

<template v-if="!i">
  <td v-for="k in [ 'name', 'age' ]" :rowspan="row.links.length">{{ row[k] }}</td>
</template>

Вариант два - отказаться от использования rowspan, выводить все элементы вложенных массивов в одну ячейку, стилизованную под несколько:

<tr v-for="row in rows">
  <td v-for="item in row">
    <template v-if="item instanceof Array">
      <div v-for="n in item">{{ n }}</div>
    </template>
    <template v-else>{{ item }}</template>
  </td>
</tr>

Вариант три (демо не будет, лень делать) - строка с rowspan'ами рендерится отдельно, затем цикл по вложенному массиву без нулевого элемента:

<template v-for="row in rows">
  <tr>
    <td :rowspan="row.links.length">{{ row.name }}</td>
    <td :rowspan="row.links.length">{{ row.age }}</td>
    <td>{{ row.links[0] }}</td>
  </tr>
  <tr v-for="n in row.links.slice(1)">
    <td>{{ n }}</td>
  </tr>
</template>

Теряете контекст в обработчике click (Home.vue), так что search там у вас - вовсе не свойство компонента. Сделайте функцию стрелочной (это чтобы вот прям сейчас заработало, а реально - весь этот шлак в mounted надо переписывать, откройте документацию vue, и разберитесь, как назначать обработчики событий, добавлять/удалять классы и т.д.).

А о какой части кнопки речь? Там есть три различных элемента.

Окружность, изображающая кнопку:

.mdl-radio .mdl-radio__button:checked ~ .mdl-radio__outer-circle {
  border-color: red;
}

Маркер, обозначающий активную кнопку:

.mdl-radio .mdl-radio__button:checked ~ .mdl-radio__inner-circle {
  background-color: orange;
}

Текст:

.mdl-radio .mdl-radio__button:checked ~ .mdl-radio__label {
  color: blue;
}

https://jsfiddle.net/av0hfgc8/

Сделайте v-for по индексам нужных вам элементов:

<tr v-for="item in parsedCSV">
  <td v-for="i in [ 0, 3 ]">{{ item[i] }}</td>
</tr>

Или сделайте computed свойство, где всё лишнее будет убрано:

shortItems() {
  return this.parsedCSV.map(([ name,,,job ]) => [ name, job ]);
},

<tr v-for="item in shortItems">
  <td v-for="n in item">{{ n }}</td>
</tr>