Сергей Соколов

попробуйте указать в опции base полный URL: "https://example.com/"

В этой статье (на англ.) называют такие минусы:

1. стрелочные не попадают в прототип. Поэтому не получится с наследованием вызвать super.method()
   
2. тормоза. Тесты показывают, что со стрелочными код работает много медленнее, чем с традиционными function, пусть и после .bind()
   

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

Используйте их js sdk.

Как вариант, прокручивать невидимый пустой высоченный div.
Контент держать в другом div, position: fixed;, положение его менять программно по событию "scroll".

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

document.addEventListener('scroll', () => {
  let offset = window.scrollY;
  const start = 685; // начало стоп-зоны в px
  const stop = 1000; // конеч стоп-зоны
	if (offset >= start && offset < stop) {
    offset = start; // стоим на месте
  } else if (offset >= stop) {
    offset -= (stop - start); // продолжаем движение
  }
  content.style.top = `-${offset}px`; // позиционируем контент
});

history.pushState({}, '', '/');

документация

Лучше не интервалом, а при разборе ответа, если ok не 1, то setTimeout()

function checkResult() {
  const data = {
    hash: hash,
  }

  $.ajax({
    url: 'result.php',
    dataType: "json",
    data: data,
    success: (result) => {
      const ok = result.ok;
      if (ok != 1) {
        // перезвоните через секунду
        setTimeout(checkResult, 1000);
      }
    },
    error: (response) => { // Данные не отправлены
      $('#result_form').html('Ошибка. Данные не отправлены.');
    }
  });
}

checkResult();

в onclick добавить event.stopPropagation();

и слушать клик на body:

document.body.addEventListener('click', () => {
    if (newdiw.classList.contains("active")) newdiw.classList.remove("active");
  });

codepen

Деструктурировать-непередеструктурировать:

const makeUser = ({name, age, lang, skills}) => ({name, age, lang, skills});

const user = makeUser(getInfo());

/* {
  "name": "John",
  "age": "20",
  "lang": "en",
  "skills": ["js", "html", "css"]
} */

Нормально: в кэше лежит только то, к чему частые обращения )

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

И так и так можно.

У способов свои особенности. Например, очевидно, innerHTML заменит собой все, что было ранее. А createElement() позволяет заранее навесить слушателей событий прямо на создаваемый элемент.

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