Dark Hole

Проскроллить как? Вручную? Скриптом? Насколько различаются?
Дополните вопрос.

1. Подсказка - это span с абсолютным/релативным позиционированием по правому краю.
2. Я решаю такую задачу двумя обработчиками событий - глобальным(на window или document) и локальным(на элементе, который должен активироваться-деактивироваться) - и общим для обаботчиков логическим переключателем-переменной. При клике в элементе, сначала активируется локальный обработчик, который ставит логический переключатель в другое положение(в простом случае, присваивает true). Затем активируется глобальный обработчик, который проверяет изменение состояния логического переключателя. Если он изменился - значит был клик внутри элемента, в таком случае он сбрасывает выключатель и ничего не делает. Если не изменился - то клик был вне элемента, надо деактивировать элемент.
Замечу, что подбных эффектов можно добиться с помощью стилизации тэга select или использовать стилизированый тэг button с нативными событиями получения и потери фокуса.
P.S. Чета я документации перечитал :D

Только с помощью await

как правильно задать параметры image: и parentElement

Очевидно же, что image должна ссылаться на элемент img(можно вручную создать, с помощью конструктора Image), а parentElement - это элемент, где будет показан результат картинки с дождем.

И возможно ли применить этот эффект к BG

BG это BackGround или Blue-Green? xDD

использование их в интернете до сих пор это большая редкость

Не такая уж

поисковые движки не распознают их корректно

У Google есть такие наработки, но все еще стараются рендерить на сервере для поисковиков.

Отсюдова и возник вопрос, в каких случаях стоит использовать, а в каких нет.

Когда у нас небольшое количество шаблонных страниц. В остальных случаях смысла нет.

Кстати, всем известный ВК - это подобие SPA

Нельзя ли конкретизировать? Размер шрифта я могу запилить минут за 5, от силы.
Но если у вас широкие запросы - Word Online, скорее всего, вам нужен.

Коротко: Не-а

Неа. При каждом вызове создаются новые функции setFirstName, setSurname, getFullName, которые получают новые переменные-замыкания firstName, surname.

1. Не вижу в вашем коде перезагрузки.
2. В ответ на AJAX возвращается HTML, а jQuery его любезно оборачивает.
3. Вам нужно, что бы сервер оповещал клиента, что данные изменились(с помощью ServersSentEvents(или другого средства LongPoling'а) или WebSocket)
4. Напишите API. Так будет проще.
P.S. Каков вопрос - таков ответ

Политика общего происхождения
Варианта 2:
1. Использовать JSONP
2. Делать запрос на сервере

FACEPALM
1. Вы либо jQuery используйте, либо натив.
2. jQuery могет в data-*
3. return false не заработает. Никак. Event.prototype.preventDefaults
4. Неужели такую ламерскую задачу не можете решить?

$(document).ready(function(){
  $("#my-id").click(function(e){
    var el = $('#someid');
    if(el.data('ban') != 'anything') el.data('ban', 'anything');
    else el.data('ban', ''); 
    e.preventDefaults();
  });
});