Александр Вульф

https://google.gik-team.com/?q=svg+%D0%BA%D1%80%D1...

1. Одинаковых ID на странице быть не должно. Это ошибка.
2.

Array.from(document.querySelectorAll('[style*="display: block"]')).forEach(el => el.click())

Серьезно? Ну опишите хоть стек технологий, которые будут использоваться? Что будет на беке? Если nodejs, то тут выбор небольшой. Если используем ws, то:

1. https://socket.io
2. https://github.com/sockjs

Это вообще сомнительное решение. Никогда, запомните, никогда(!) нельзя использовать eval, если вы не контролируете то, что туда придёт. Это открывает огромную дыру в безопасности. Да и сам способ выглядит как дикий костыль.

Советую хранить все переменные не просто так, а как ключи какого-то объекта. Тогда обновление их не потребует вызова eval.

Надо сделать так, чтобы эта функция возвращала Promise, который будет резолвиться в момент получения ответа с сервера. А дальше просто: собираем массив с такими промисами и отдаём в Promise.all; как только все ответы были получены показываем alert или что-то иное.

Это spread оператор. Такая запись просто создаёт объект, в который копирует все ключи из другого объекта. Это просто синтаксический сахар для Object.assign({}, anyObj);

Очевидно, так надо делать - когда это нужно. И не надо делать, когда это не нужно. Если надо скопировать объект, скопировать объект и добавить в него новые ключи, объединить 2 объекта. Развитие этих конструкций получило после популяризации философии immutable.

Тут можно много что рассказывать. Но зачем, если есть куча статей на эту тему? Например, https://ravesli.com/urok-50-pochemu-globalnye-pere...

a[rel="category tag"] {
  color: red;
}

Никак. After он на то и псевдоэлемент, что его как бы не существует. Единственный адекватный способ через data-*, attr() и content.