0xD34F

Я так понимаю, список месяцев должен разворачиваться по клику на год. Добавьте свойство 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 () {

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

Скажите, может ли он ставить по одной точке и показывать?

Можно, только наверное не по одной - скажем по 100 за раз. Показали часть точек - setTimeout на показ следующей части. Типа так:

const getRandom = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

const NUM_POINTS = 100000;

const BASE_POINTS = [
  [ 50, 50 ],
  [ 1200, 50 ],
  [ 625, 500 ],
];

const draw = SVG('drawing').size(1200, 500);
const group = draw.group();

let currPoints = 0;
let point = [ (getRandom(50, 1200)), (getRandom(50, 500)) ];

function nextPoint(previousPoint) {
  const basePoint = BASE_POINTS[getRandom(0, BASE_POINTS.length - 1)];
  point = [ (previousPoint[0] + basePoint[0]) / 2, (previousPoint[1] + basePoint[1]) / 2 ];
  group.add(draw.circle(1).fill('#000').move(point[0], point[1]));
}

(function next() {
  if (currPoints < NUM_POINTS) {
    for (let i = 0; i < 100; i++, currPoints++) {
      nextPoint(point);
    }

    setTimeout(next, 50);
  }
})();

<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.5/svg.min.js"></script>

<div id="drawing"></div>

if (elem == "edit") {
    app.UserBook.fullView(elem);

Понятно, elem - это строка.

fullView(elem) {
    const d = document;
    const i = elem;
    d.querySelector('#Edname').value = this.items[i].fname;

И используя эту строку как ключ, вы пытаетесь что-то достать из this.items.

Из тех самых items, которые вроде бы массив:

for (let i = 0; i < this.items.length; i++) {

Как-то странно получается, не находите?

Всё работает, просто done надо дёргать по окончании анимации, типа так.

А вы сейчас вызываете done сразу же - ну элемент и удаляется.

Соберите все user_input_* в один объект (user_inputs, например), и тогда можно будет сделать так:

computed: {
  isFilledAll() {
    return Object.values(this.user_inputs).every(n => n.isFilled);
  },
},

Или под "заполнены" вы понимаете не-null значения свойств val_*? Тогда отдельные isFilled не нужны:

isFilledAll() {
  return Object.values(this.user_inputs).every(n => Object.values(n).every(m => m !== null));
}