0xD34F

нигде

.banner h1 {
  margin-top: 0;
}

$found = null;

foreach ($arr as $item) {
  if (in_array($item['name'], $if_arr)) {
    $found = $item;
    break;
  }
}

if ($found) {
  // ...
}

О каком массиве идёт речь, через какой промежуток надо получать его элементы и что с ними делать:

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  (elem => item => elem.textContent = item)
  (document.querySelector('.slide-words')),
];

Можно устанавливать интервал:

function interval(arr, delay, callback) {
  let i = -1;

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


const intervalId = interval(...options);
// надо остановить, делаем так: clearInterval(intervalId);

Или воспользоваться рекурсивными таймаутами:

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

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

  return () => clearTimeout(timeoutId);
}


const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

data = data.reduce({}){|acc, (k, v)| acc.update(v['child'] || {k => v})}

Потому что parseInt('') будет NaN.

При суммировании подставляйте 0 вместо пустых строк, замените parseInt($(this).val()) на parseInt($(this).val()) || 0.

https://jsfiddle.net/xw6acvnb/

Как достать кусок текста из элемента:

const getValue = el => el.textContent.match(/"(.*?)"/)[1];

// или

const getValue = ({ innerText: t }) =>
  JSON.parse(t.slice(t.indexOf('['), -~t.indexOf(']'))).shift();

Как обработать клики - можно обработчик назначить каждой кнопке индивидуально:

document.querySelectorAll('li button').forEach(function(n) {
  n.addEventListener('click', this);
}, e => console.log(getValue(e.target)));

Или делегировать обработку события общему предку:

document.querySelector('ul').addEventListener('click', e => {
  if (e.target.tagName === 'BUTTON') {
    console.log(getValue(e.target));
  }
});

вижу, что в строке 16 там идет запись в параметр binding

Где вы там такое увидели, непонятно. Вызов параметра-функции - это никакая не "запись в параметр".

{{:~root.вашеСвойство}}

v-for="i in количествоИтераций"

https://jsfiddle.net/pbLw3dr4/

Очевидно, с помощью одной строковой переменной задать цвет нескольких блоков затруднительно.

Пусть будет массив, элементы которого задают цвет отдельных блоков:

data: () => ({
  items: Array(10).fill(null),
  ...

<ul>
  <li v-for="(n, i) in items" :style="index < i || { color: n }">
    {{ i }}
  </li>
</ul>

Копипастить кнопки и методы для переключения цвета не очень здорово - что если цветов будет не два, а пять? Десять? Сорок? Сделаете сорок разных методов и вручную напишите разметку для сорока кнопок?

Метод оставьте один, а устанавливаемый цвет сделайте его параметром:

methods: {
  next(color) {
    const { index, items } = this;
    this.index = index === items.length - 1 ? 0 : index + 1;
    items.splice(this.index, 1, color);
  },
  ...

А доступные для назначения цвета складываете в массив, на основе которого создаются кнопки:

data: () => ({
  colors: [ 'red', 'lime', 'blue', 'orange', 'magenta', 'aqua', 'yellow' ],
  ...

<button v-for="c in colors" @click="next(c)">{{ c }}</button>

https://jsfiddle.net/wcjkft23/

headerObj.offsetTop

Бессмысленная операция. Этот headerObj - совсем не тот, что в iframe'е. Лучше при клике в списке получайте индекс кликнутого элемента, и берите в iframe'е заголовок с таким же индексом.

const frame = document.getElementsByTagName('iframe')[0];

Вот такого не надо. Используйте useRef - получаете ссылку на экземпляр своего редактора, у него там свойство document есть, нужного вам iframe'а.

UPD. https://codesandbox.io/s/j3oy0q1219

const getShowPaths = (obj, path = '') => Object
  .entries(obj || {})
  .filter(n => n[1].show)
  .reduce((acc, n) => {
    const p = path ? `${path}.child.${n[0]}` : n[0];
    return acc.concat(p, ...getShowPaths(n[1].child, p));
  }, []);


const result = getShowPaths(obj);

$data = array_reduce(explode('/', $str), function($acc, $n) {
  list($key, $values) = explode('-is-', $n);
  $acc[$key] = explode('-or-', $values);
  return $acc;
}, []);

https://v2.vuejs.org/v2/api/#v-cloak

Не надо наследования. Делайте обёртку для основного компонента, которая будет передавать новый обработчик в качестве параметра. А основной компонент будет устанавливать переданный обработчик, или, если его нет, собственный. Например.

for (const num of array) {
  await ctx.reply(num);
}

https://jsfiddle.net/zvyxeu48/