0xD34F

render() {
  const [ post ] = this.state.data || [];

  return (
    <div>
      <h4>App component</h4>
      {post ? post.title : 'пока ничего не загрузилось'}
    </div>
  );
}

document.querySelector('.items').addEventListener('click', e => {
  const button = e.target.closest('.next');
  const item = button && button.closest('.item.active');
  if (item) {
    item.classList.remove('active');
    (item.nextElementSibling || item.parentNode.children[0]).classList.add('active');
  }
});

А при чём тут json? Ваша работа с JSON'ом кончается после получения результата работы JSON.parse, никакие DOM-элементы никогда не создаются на основе JSON'ов.

Так что речь тут не про json, а про объект, значением свойства которого является HTML-строка, на основе которой надо создавать DOM-элементы. Тут всё просто - кидайте эту строку в v-html.

div.innerHTML +="qwe"

Вас вводит в заблуждение оператор += - вам кажется, будто бы к содержимому div что-то там добавляется. Это не совсем так - содержимое div полностью перезаписывается. Соответственно, ранее добавленные элементы будут удалены и заменены новыми. А к новым элементам никаких обработчиков вы не привязываете - отсюда и отсутствие вывода в консоль.

Если хотите, чтобы добавление текста не приводило к перезаписыванию содержимого элемента, выполняйте его с помощью методов insertAdjacentText или append. Или создавайте текстовый узел посредством createTextNode или Text и добавляйте его через appendChild.

Очевидно, надо перебрать все поля, вместо проверки какого-то конкретного. Например, так:

class FilterPipe implements PipeTransform {
  transform(items: any[], term): any {
    const keys = items.length ? Object.keys(items[0]) : null;

    return term && keys
      ? items.filter(item => keys.some(key => item[key].toString().indexOf(term) !== -1))
      : items;
  }
}

A-G-E-F
A-G-C-E-F
A-G-C-D-E-F
A-C-E-F
A-C-D-E-F
A-B-C-E-F
A-B-C-D-E-F

Какие пропустили?

Отрезайте от полного текста сколько надо, типа .slice(0, 3).

Или вместо aux.select(); сделайте

aux.focus();
aux.setSelectionRange(0, 3);

UPD. Вынесено из комментариев:

нужно до плюса скопировать, там не всегда 3 символа может быть

Можете найти '+' с помощью indexOf.

Или регулярные выражения используйте: получите то, что перед плюсом (.match(/[^+]*/)), или удалите его и то, что после (.replace(/\+.*/, '')).

$scope.user = $rootScope.myData

скопированы данные

Не скопированы. При присваивании объектов копируются не значения, а ссылки. Копирование, это чуть посложнее:

$scope.user = Object.assign({}, $rootScope.myData)

Или

$scope.user = { ...$rootScope.myData }

Ну, так, например.

Что мешает ещё раз применить Promise.all? Вместо вложенных forEach'ей будет как-то так:

Promise.all(items.map((item, index) => axios.post(responses[index], item, config)))

Хук bind вызывается однократно, в момент привязки директивы к элементу. Используйте update для обработки изменений.

listen(parseInt(port, 65535))

Received NaN.

Что неудивительно. Для любого основания системы счисления больше 36, результатом выполнения parseInt будет NaN, согласно спецификации.

Явная опечатка, очевидно же, что 65535 предполагается в качестве дефолтного значения, а не основания системы счисления.

$ids = array_map(function($n) {
  return array_values($n)[0];
}, $array2);

$array1 = array_filter($array1, function($n) use($ids) {
  return in_array($n['id'], $ids);
});

Где элементы находятся, что за элементы, и какой класс будем им добавлять/убирать:

const container = document.querySelector('nav');
const itemSelector = '.sidebar-item';
const className = 'selected';

Вариант раз, делегируем обработку клика контейнеру. При клике ищем элемент с нужным классом, снимаем класс, устанавливаем класс кликнутому:

container.addEventListener('click', function(e) {
  const item = e.target.closest(itemSelector);
  if (item) {
    const activeItem = this.querySelector(`.${className}`);
    if (activeItem) {
      activeItem.classList.remove(className);
    }

    item.classList.add(className);
  }
});

Вариант два, тоже с делегированием. Перебираем все элементы, переключаем класс в зависимости от того, является ли текущий элемент кликнутым:

container.addEventListener('click', e => {
  const item = e.target.closest(itemSelector);
  if (item) {
    for (const n of e.currentTarget.querySelectorAll(itemSelector)) {
      n.classList.toggle(className, n === item);
    }
  }
});

Вариант три, назначаем обработчик клика каждому элементу индивидуально, перебираем элементы аналогично предыдущему варианту:

const items = container.querySelectorAll(itemSelector);
const onClick = e => items.forEach(n => n.classList.toggle(className, n === e.currentTarget));
items.forEach(n => n.addEventListener('click', onClick));

Метод containsLocation вам в помощь.

<div id="progressBar"></div>

<button>green</button>
<button>red</button>
<button>yellow</button>
<button>magenta</button>
<button>aqua</button>

let percent = 0;
const gradientParts = [];

$('button').click(function() {
  if (percent < 100) {
    const color = $(this).text();
    percent++;
    gradientParts.push(`${color} ${percent - 1}%`, `${color} ${percent}%`);
    const gradient = gradientParts.concat(`#435C91 ${percent}%`, '#435C91 100%');

    $('#progressBar').css({
      background: `linear-gradient(to right, ${gradient.join(', ')})`,
    });
  }
});

https://jsfiddle.net/2yqzgeLb/

Просто передавайте индекс в обработчик:

@click="testA(index)"

testA(index) {
  alert(index);
}

Поскольку option'ы в select'е создаются на основе массива markers, то наверное в его элементы и следует добавить ссылки. В обработчике клика по текущему значению select'а получаем нужный элемент markers и... так?