0xD34F

function wrapChain(f) {
  return function(...args) {
    this._value = f.call(null, this._value, ...args)
    return this
  }
}

function chain(arr) {
  return {
    take: wrapChain(self.take),
    skip: wrapChain(self.skip),
    map: wrapChain(self.map),
    foreach: wrapChain(self.foreach),
    filter: wrapChain(self.filter),
    _value: arr,
    value: function() {
      return this._value
    }
  }
}

https://jsfiddle.net/3pojduyk/

Добавьте обработчик exitMenu:

$menu.menuAim({
  activate: activateSubmenu,
  deactivate: deactivateSubmenu,
  exitMenu: deactivateSubmenu,
});

В конец метода deactivateSubmenu добавьте return true.

Наверное, вместо того, чтобы лепить 4 svg вручную, следовало сделать отдельный компонент, который бы представлял один из элементов даты, и создать 4 экземпляра этого компонента - для дней, часов, минут и секунд. Каждый из экземпляров компонента получал бы собственные максимальные значения счётчика (365 дней в году, 24 часа в сутках, ...), на основе которых можно рассчитывать значения stroke-dashoffset независимо от остальных экземпляров. Как-то так.

Object.entries(obj).map(([ key, val ]) => (
  <BlockItemComp
    name={key}
    val={val}
  />
))

php.net/manual/ru/function.str-pad.php

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

watch: {
  '$store.state.search'(val) {
    this.search = val;
  },
},

Есть такой вариант: chain будет возвращать Proxy с get-ловушкой, в которой проверяем имя запрашиваемого свойства, и если это один из методов, то возвращаем этот метод, обёрнутый в другой Proxy, где будет apply-ловушка с вызовом метода и оборачиванием результата в chain. Типа так.

А ещё можно заглянуть в исходники lodash, например, и посмотреть как чейнинг реализован там (по-другому, да).

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

const roomSizes = [ 30, 4.5, 10 ].sort((a, b) => b - a);
const thingSizes = [ length, height, width ].sort((a, b) => b - a);

if (roomSizes.some((n, i) => n < thingSizes[i])) {
  alert('всё плохо');
}

При получении данных запоминаете список уникальных значений params, строите по ним выпадающий список, при выборе элемента списка запоминаете выбранное в массив selectedParams, при составлении filteredStudios проверяете, чтобы все params студии были в selectedParams, как-то так.

Вызов setState пусть будет один, а при вычислении минимума и максимума обращайтесь не к стейту, а к только что полученным данным. Т.е., вместо

this.setState({ studios: res.data, isLoading: false })
this.setState({ max: this.state.studios.reduce((l, e) => (e.price > l.price ? e : l)) });
this.setState({ min: this.state.studios.reduce((l, e) => (e.price < l.price ? e : l)) });

пусть будет

this.setState({
  studios: res.data,
  isLoading: false,
  max: res.data.reduce((l, e) => (e.price > l ? e.price : l), -Infinity),
  min: res.data.reduce((l, e) => (e.price < l ? e.price : l), Infinity),
});

// или, без reduce'ов

const prices = res.data.map(n => n.price);

this.setState({
  studios: res.data,
  isLoading: false,
  max: Math.max(...prices),
  min: Math.min(...prices),
});

const sortString = str => str
  .split(' ')
  .map(n => [ n, +/\d/.exec(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0])
  .join(' ');

или

const sortString = str => Array
  .from({ length: 9 }, (n, i) => str.match(RegExp(`\\w*${i + 1}\\w*`)))
  .filter(Boolean)
  .join(' ');

или

const sortString = str => str && str
  .match(/\S+/g)
  .reduce((acc, n) => (acc[n.replace(/\D/g, '')] = n, acc), [])
  .reduce((acc, n) => acc + (acc && ' ') + n, '');

SELECT date_trunc('month', date_created), count(*)
FROM table_name
GROUP BY date_trunc('month', date_created)

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