0xD34F

Как минимум, проблема в том, что вы хватаете каждый попавшийся подмассив с нулевой суммой. Соответственно, успешно найденный максимальный подмассив будет затёрт меньшим, но расположенным ближе к концу массива. Надо запоминать индексы начала и конца подмассива и смотреть их разности, например:

function maxZeroSequence(arr) {
  let iMin = 0;
  let iMax = 0;

  for (let i = 0; i < arr.length; i++) {
    let sum = 0;

    for (let j = i; j < arr.length; j++) {
      if ((sum += arr[j]) === 0 && (iMax - iMin) <= (j - i + 1)) {
        iMin = i;
        iMax = j + 1;
      }
    }
  }

  return arr.slice(iMin, iMax);
}

Кроме того, проверка всех возможных подмассивов может оказаться слишком медленной при большом размере массива. Так что лучше посчитать префиксные суммы, попутно запоминая индексы, где та или иная сумма встретилась в первый и последний раз; ну а далее взять подмассив с максимальной разностью индексов:

function maxZeroSequence(arr) {
  const sumIndices = Object.values(arr.reduce((acc, n, i) => {
    const sum = acc[0] += n;
    (acc[1][sum] = acc[1][sum] || [ i + 1 ])[1] = i + 1;
    return acc;
  }, [ 0, { 0: [ 0 ] } ])[1]);

  return arr.slice(...sumIndices.reduce((max, n) => {
    const diff1 = n[1] - n[0];
    const diff2 = max[1] - max[0];
    return diff1 > diff2 || (diff1 === diff2 && n[0] > max[0]) ? n : max;
  }, [ 0, 0 ]));
}

Коротко: const obj = Object.assign({}, ...arr);.

Длинно:

const obj = {};

for (let i = arr.length; i--;) {
  for (const k in arr[i]) {
    if (arr[i].hasOwnProperty(k) && !obj.hasOwnProperty(k)) {
      obj[k] = arr[i][k];
    }
  }
}

const cities = [ 'Москва', 'Санкт-Петербург', 'Севастополь' ];
if (cities.includes(geolocation.city)) {
  ...

Name должна падать в массив labels

Сделайте watcher для choosenMetabolit, что-то вроде

watch: {
  choosenMetabolit(val) {
    this.anMetProfData.labels.push(val.name);
  },
},

а result_1, 2 и 3 имели путь datasets[0, 1 или 2]. data

А вот эту фразу я не уверен что понял. "Имели путь" - в смысле значения result'ов записывались в соответствующие массивы data объектов, лежащих в datasets? Тогда можно дополнить watcher как-то так:

watch: {
  choosenMetabolit(val) {
    const data = this.anMetProfData;
    const sets = data.datasets;

    data.labels.push(val.name);
    sets[0].data.push(val.result_1);
    sets[1].data.push(val.result_2);
    sets[2].data.push(val.result_3);
  },
},

Вижу два варианта:

1. Разделить колонку на три - в первой отображать целую часть, во второй разделитель, в третьей дробную часть. Первая колонка выравнивается по правой стороне, третья по левой.

2. Задать моноширинный шрифт и добавить пробелов слева.

А к чему такие сложности со сменой подсказки? Достаточно просто указать формат номера документа (как-то так) - люди не дураки, сами разберутся, что после чего вводить.

Перенесите active из NavLink в Nav (кстати, а что там после этого останется? - да ничего, кроме рендеринга a, которому прокидываются props без изменений; получается, что не так уж и нужен этот компонент, проще создавать этот a сразу в Nav), и хранить в нём индекс активного элемента:

state = {
  active: null,
  ...
}

setActive(active) {
  this.setState({ active });
}

{this.state.items.map((n, i) => (
  <li>
    <NavLink
      href="#"
      className={this.state.active === i ? 'active' : ''}
      onClick={() => this.setActive(i)}
    >
      {n}
    </NavLink>
  </li>
))}

<div class="slider-wrapper">
  <button data-step="-1">-</button>
  <div class="slider"></div>
  <button data-step="+1">+</button>
</div>

$('.slider').slider({ /* настройки слайдера */ });

$('.slider-wrapper [data-step]').button().click(function() {
  const $slider = $(this).closest('.slider-wrapper').find('.ui-slider');
  const step = +this.dataset.step;
  const { min, max, value } = $slider.slider('option');

  $slider.slider('option', 'value', Math.max(min, Math.min(max, +value + step)));
});

https://jsfiddle.net/142touep/

v-bind="ну а здесь ваш объект с атрибутами"

Попробуйте заменить

el: '.slidernav'

на что-то вроде

el: this.querySelector('.slidernav')

Ну, то есть - найдите элемент пагинации текущего слайдера вместо того, чтобы указывать сразу все для всех.

Про параметры компонентов слышали? Делаем компоненту doctor входные параметры name и spec, компоненту specialization параметр spec. Компонент doctor передаёт свой spec в specialization, как-то так.

SELECT key, array_agg(val)
FROM (
  SELECT key::integer, jsonb_array_elements_text(value)::boolean AS val
  FROM jsonb_each('{"659": [false, false, false], "596": [true, true, true]}'::jsonb)
) AS t
GROUP BY key

const add = (str, num, saveLength) =>
  `${+str + num}`.padStart(str.length, 0).slice(-str.length * !!saveLength);


add('0001', 1) // '0002'
add('000099', 901) // '001000'
add('05', 99) // '104'
add('05', 99, true) // '04'

Регулярку упростить (достаточно \d*); добавить $ (конец строки):

str.match(/\d*$/)[0]

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

str.replace(/.*\D/, '')

А вы не задумывались - что вернёт getType, если передать ей значение 19, или true, или '!!!!!', или... у вас же в операторе switch отсутствует ветка default - и вы ещё спрашиваете, откуда берётся undefined.

Сам код конечно просто ужасен.

case 1:
  return outtype = 'a';
  break;

Бесполезное присваивание - раз. Бесполезный break - два. Слишком многословно (если брать функцию в целом) для решения столь примитивной задачи - три. Можно же переписать как-нибудь так:

const getType = (type) => ({
  1: 'a',
  2: 's',
  3: 'f',
})[parseInt(type, 10)] || /* а здесь должно быть дефолтное значение */

Выносим код проверки корректности введённых данных в отдельную функцию, дёргаем её при отправке, и по событию input:

function validateInput($input, regex) {
  const result = regex.test($input.val());

  $input
    .closest('.form-group')
    .removeClass('has-success has-error')
    .addClass(result ? 'has-success' : 'has-error');	

  return result;
}

function validate() {
  return [
    validateInput($('#name'), /^[a-z]{2,16}$/i),
    validateInput($('#message'), /^[a-z]{15,100}$/i),
  ].every(Boolean);
}

$('form').on({
  input: validate,
  submit(e) {
    if (!validate()) {
      e.preventDefault();
    }
  },
});

Ошибка номер раз - html-код вы сгенерировали, но засунуть его пытаетесь куда-то не туда (туда - это view.innerHTML).

Ошибка номер два - обработчик клика после первого переключения месяца отвалится, поскольку элемент, к которому он привязан, будет удалён. Либо назначайте обработчик заново при каждом переключении месяца, либо делегируйте обработку клика элементу, который не будет перетираться при переключении (view, например).

function removeChars($str, $n) {
  return implode('', array_filter(str_split($str), function($v, $k) use($n) {
    return (($k + 1) % $n);
  }, ARRAY_FILTER_USE_BOTH));
}


$str = "0123456789";

for ($n = 2; $n <= 4; $n++) {
  echo removeChars($str, $n)."\n";
}
/*
выведет следующее:
02468
0134679
01245689
*/

Я так понял, данные о продукте должны откуда-то из БД подтягиваться.

Вешаете обработчик события input на поле артикула, передаёте ему объект item текущей строки. Внутри обработчика - запрос данных по артикулу, обновление переданного объекта. Чтобы запросы не отсылались при каждом изменении инпута, можно применить debounce. Типа так (шаг с запросом разумеется пропущен, подставляются случайные данные).

Вот этот атрибут v-masonry мне нужно добавлять и убирать по условию.

Это не атрибут, а директива.

Дублировать разметку через v-if v-else неудобно, т.к. блок большой.

Сделайте отдельный компонент - дублировать придётся одну строчку.

Или вообще ни одной, если вместо шаблона воспользоваться render-функцией.