Athanor

Можно использовать для этого getComputedStyle

Давайте сначала про дороговизну )

Как правило, найти сильного разработчика, работающего на себя, за которым не нужен отдельный проджект-менеджер, аналитик в помощь и тестировщик, это редкость и если рассматривать индивидуальных разработчиков, то сейчас сильные фронтендеры, которые обладают достаточным объемом как технических, так и коммуникационных навыков, зарабатывают в районе 170-250к до вычета налогов в компаниях, где за них платят еще и страховые и пенсионные отчисления и где они имеют оплачиваемый отпуск. За эти деньги такой разработчик работает условные 8 часов (по факту, 6 - это обычно максимум) в день в течение 248 рабочих дней. При этом, у работодателя у него есть еще 28 дней отпуска, что уменьшает количество рабочих дней до 220, практически не уменьшая сумму его зарплаты.

Соответственно, опытный разработчик, который разбирается в рынке, запросит как минимум 170000 * 12 / 220 = 9272 руб/день, а более уверенный в себе - все 13636 руб/день, что является вилкой от 1159 руб. до 1704 руб (или от $18 до $27) в час при 8-часовом рабочем дне (а при 6-часовом от $24 до $36), что для мирового рынка является достаточно низкой ставкой для таких услуг. Эту сумму вы можете считать некой планкой качества, ниже которой риски взаимодействия с недостаточно опытным разработчиком существенно возрастают.

Теперь по вашему вопросу: разработчикам с такой ставкой интереснее работать на зарубежных заказчиков и продвигаться на upwork.com им, вероятно, будет комфортнее, чем работать на российском рынке. Я сам много лет работал на апворке и по себе, например, могу сказать, что на заказы со ставкой >$35 уже обращал внимание. Моя гипотеза в том, что $25-35 это нижняя планка, за которую можно найти разработчика и искать лучше именно там (хотя есть и другие биржи, но делюсь своим личным опытом) и именно там они обитают и я слышал много историй успеха (и в т.ч. был ей), где люди и компании находили очень достойных исполнителей. Важный момент только брать проверенных исполнителей с хорошими отзывами.

Хорошая новость в том, что дешевле также можно найти сильного разработчика, но контроля ему нужно будет больше, либо какая-то из важных составляющих работы будет западать. Но всегда есть алмазы без отзывов, либо люди, кто стесняется просить больше, либо у кого плохо с английским и они готовы работать с российскими заказчиками. Тут уж как повезет и могу только пожелать удачных поисков )

С уважением,
Иван Томилов
CEO of Athanor

Это очень похоже на vue. Если это он и это код вашего компонента, то все и так должно работать.
Если это не он, то просто замените this на app.data(), т.к. this в данном случае указывает на methods.

Информация от одно компонента к другому в реакте можете предеаваться через пропсы, как и требуют сделать в задании.
Вот так это будет работать — Демо

preflight-запросы делаются с другого хоста и методом является OPTIONS.

В целом, у вас все написано правильно и проверка будет зависеть от того, где и как вы хостите сервис. В целом, шаги следующие:
1. Если вы пишете эти директивы в .htaccess, то убедитесь, что у вас выставлен AllowOverride All в конфигах /etc/apache2 и .htaccess подхватывается.
2. Убедитесь, что у вас включен mod_headers, выполнив команду a2enmod headers.
3. Воспользуйтесь, например, https://www.test-cors.org/ для проверки того появился ли доступ.

Если у вас на shared-хостинге это и вы не можете выполнить эти действия, обратитесь в техническую поддержку с вашим вопросом как решить эту проблему.

Удачи в решении вопроса )

С уважением,
Иван Томилов
CEO of Athanor

Что-то странное творится либо в нейминге, либо в логике. Зачем вам там рекурсия? Почему item.name имеет тип Number?

Так или иначе, лучше вам будет не мутировать в асинхронных функциях какое-либо глобальное свойство. Объявляйте массив прямо там и там же работайте с ним, если его нужно прокинуть внутрь очередного вызова функции, передавайте его как аргумент.
А затем сделайте так, чтоб функция doMassiv вернула этот массив.
Далее уже в showMassiv принимайте этот массив и сохраняйте глобально, раз это вам нужно.

А еще хочу заметить, что вы забыли добавить await перед рекурсивным вызовом this.doMassiv(item.name), вероятно поэтому происходит вот это:

public async showMassiv() {
    await doMassiv(400)
    console.log(this.massiv.length)  
   //здесь в консоль выводится длинна массива после первого прохода doMassiv
}

UPDATE
Как справедливо заметил Алексей в комментах, await и не будет работать внутри forEach, вот по этим причинам. Следовательно, стоит заменить его на обычный цикл for, или написать asyncForEach, как в статье

Самый простой способ: сделать скролл в 2 шага и после scrollIntoView вызывать доскрол на нужное кол-во пикселей, типа такого

window.scrollBy({
  top: -10,
  left: 0,
  behavior: 'smooth'
}); //

Но если хотите плавности, вам придется, вероятно, отказаться от scrollIntoView, получать координаты верхушки вашего anchor, менять их на нужное кол-во пикселей и вызывать window.scrollTo, передавая туда координаты в параметр top

Добавил демо

У babel на оффсайте есть онлайн транспилер, если открыть консоль, видно, что никакие запросы при транспиляции на сервер не улетают. Далее идем в гитхаб бейбеля и находим там исходники их сайта, ищем там функцию, которая вызывается для транспиляции. Находим и радуемся)

for(; i<5; i++) {...}
будет работать, если у вас где-то выше по коду i объявлена и при этом имеет тип Number.

Вот так, например:

var i = 0;
for(; i<5; i++) {console.log(i)}

Удалось починить вашу песочницу. Она не работала, потому что js начинал выполняться до окончания загрузки html.

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

Для работы с большими числами можно использовать BigInt, добавленный совсем недавно.
работать будет это примерно так:

let index = 1000000000000000000000n;
index += 1n;
console.log(index);

Но для лучшей поддержки браузерами, конечно пока что рекомендуется делать это через полифил

Вынесите его в отдельную функцию и передавайте нужные параметры, которые могут изменяться от вызова к вызову в качестве аргументов.

function getJsonAndUpdateTable(jsonPath) {
  $.getJSON(jsonPath, function (data) {
      $(data).each(function(index, item) {
      $('#table').append(
          '<tr><td class="col1">'+ item.title01 +'</td><td class="col2">' + item.shopcode + '</td><td> <a href="' + item.link + '">' + item.title + '</a></td><td class="col3">' + item.cost + '</td></tr>'
          );
      });
  });
}

А далее вызывайте эту функцию где необходимо и передавайте внутрь путь к нужному json файлу.

1. Изменение положения элемента через абсолютное позиционирование работает медленней чем через transform. Попробуйте переделать left/top на transform: translate.
2. Есть в css волшебное свойство will-change, попробуйте подключить его.
3. Вам в ответах уже советовали попробовать использовать throttle, это точно стоит сделать, наглядно о том, как это работает и в чем разница с debounce — тут

Вероятно, нужно добавить в настройки вот такое правило:
https://eslint.org/docs/rules/no-multiple-empty-lines

Добавить подобный метод и вызывать его для установки data