0xD34F

Cвяжите состояние чекбокса со значением через v-model, в обработчике клика присваивайте false, типа так.

Если же под "сторонней областью" вы понимаете всё, что находится за пределами какого-то элемента, то вешайте на этот элемент ref; на document вешайте обработчик клика, в котором проверяйте, что target находится за пределами элемента, типа так.

$grouped = [];

foreach ($date as $d) {
  $parts = explode('-', $d);
  $grouped[$parts[0]][intval($parts[1])][] = intval($parts[2]);
}

data: () => ({
  checked: null,
  items: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),

<label v-for="(n, i) in items">
  <input
    type="checkbox"
    :checked="checked === i"
    @change="checked = $event.target.checked ? i : null"
  >
  {{ n }}
</label>

Одно непонятно - а зачем чекбоксы-то, чем радиокнопки не угодили?

Что за бред-то такой с получением индекса редактируемой строки, вы сами-то понимаете, что делаете? Его надо запоминать при открытии диалогового окна (скажем, так), а вовсе не... не... даже и не знаю, как это назвать, реально БРЕД.

Я так понимаю, список месяцев должен разворачиваться по клику на год. Добавьте свойство activeYear, в обработчике клика выполняйте соответствующее присваивание, а в список месяцев (кстати, у вас там косячок - элементом списка является не ul, а li, так что ngFor стоит переместить) добавьте *ngIf="year === activeYear". Типа так:

activeYear = null;

log(year) {
  this.activeYear = this.activeYear === year ? null : year;
}

<div class="middle-content" *ngFor="let year of years">
  <a class="middle-content_top-indent" (click)="log(year)">{{ year }}</a>
  <ul class="list-of-month" *ngIf="year === activeYear">
    <li *ngFor="let month of months">
      <span class="list-of-month__marker"></span>
      <a href="#">{{ month }}</a>
    </li>
  </ul>
</div>

Кого и где надо кликать, какой класс переключать:

const itemSelector = '.menu-catalog__item';
const buttonSelector = '.menu-catalog__link';
const className = 'menu-catalog__open';

Переключаем:

const $items = $(itemSelector).on('click', buttonSelector, e => {
  $items.not(e.delegateTarget).removeClass(className);
  $(e.delegateTarget).toggleClass(className);
});

// или

const items = document.querySelectorAll(itemSelector);
const onClick = ({ target: t }) =>
  t.closest(buttonSelector) && items.forEach(n => {
    n.classList[n.contains(t) ? 'toggle' : 'remove'](className);
  });

items.forEach(n => n.addEventListener('click', onClick));

function shortNumber(val) {
  const numSymbol = [ '', 'K', 'M', 'B', 'T' ];
  let symbolIndex = 0;

  while (val >= 1000) {
    val = Math.round(val / 1000);
    symbolIndex++;
  }

  return val + numSymbol[symbolIndex];
}


shortNumber(96); // 96
shortNumber(22222); // 22K
shortNumber(4951476); // 5M

как проделать тоже самое со списком $this->getProxyList('socks4') и $this->getProxyList('socks5')

Сделайте массив из аргументов для getProxyList, и оберните ваш код в ещё один foreach, типа так:

$proxy_types = [ $proxy_type, 'socks4', 'socks5' ];
foreach ($proxy_types as $type) {
  $proxy_list = $this->getProxyList($type);
  // а здесь ваш исходный foreach
}

$('#select_service').ddslick({
  data: $('.cost_services .sevices').get().map(n => ({
    text: $('.text', n).text(),
    imageSrc: $('img', n).attr('src'),
  })),
});

select2

$('.tabs').on('click', '.tab', function() {
  setActiveTab($(this).index());
});

$('.nav').magnificPopup({
  type: 'inline',
  delegate: 'a',
  callbacks: {
    open() {
      setActiveTab(this.currItem.index);
    },
  },
});

function setActiveTab(index) {
  $('.tab').removeClass('active').eq(index).addClass('active');
  $('.tab_item').hide().eq(index).fadeIn();
}

const reverse = str =>
  str.length < 2 ? str : reverse(str.slice(1)) + str[0];

или

const reverse = ([ c, ...str ]) =>
  c ? reverse(str) + c : '';

isBlockNavButtons отвечает за логику disable для тех кнопок. То есть если у нас элемент последний или первый, то мы блочим нужную нам кнопку.

А почему эта функция работает только в одну сторону - на блокировку? Пусть и обратную операцию тоже выполняет. Кроме того, работает она некорректно, если элемент всего один - в этом случае надо блокировать обе кнопки, но поскольку условия блокировки у вас зависимы, блокируется только одна.

В общем, я бы заменил if-else на что-то такое:

dispatch({
  type: `${CREATE_QUESTION}_BLOCK_BUTTON`,
  payload: {
    blockPreviousButton: elementIndex === 0,
    blockNextButton: elementIndex === data.length - 1,
  },
});

$.easing.bullshit = function(x, t, b, c, d) {
  return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;
};

$('.ach-number span').each(function() {
  $(this).prop('counter', 0).animate({
    counter: $(this).text(),
  }, {
    duration: 10000,
    easing: 'bullshit',
    step(val) {
      $(this).text(Math.ceil(val));
    },
  });
});

https://jsfiddle.net/ph4ku28v/

Сделайте номер страницы параметром маршрута - тогда не будет проблем переходить откуда угодно не только на первую страницу, но и любую другую.

UPD. Разверну немного свою мысль. Как я понял, это продолжение вашего предыдущего вопроса.

Компонент с пагинацией - при смене страницы вместо установки текущей активной страницы будет выполняться $router.push, сама текущая страница из свойства компонента станет его параметром и будет браться из параметров маршрута. Примерно так. Не знаю, похоже ли это на то, что вам надо, если нет - кидайте свой код в песочницу, тогда возможно, смогу подсказать точнее.

const arr = [];
for (let i = 0; i < 10; arr[i] = ++i) ;

Или, без счётчика:

const arr = [];
while (arr.push(arr.length + 1) < 10) ;

Или, без цикла в явном виде:

const arr = Array.from({ length: 10 }, (_, i) => -~i);

Но если на функцию ссылается объект...

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

Указывайте контекст при переопределении, т.е., замените

foo = function () {

на

this.foo = function () {

А не кажется ли вам, что сначала надо определить функцию, и только потом привязывать её куда-то в качестве обработчика события - а не наоборот?