rPman

В общем случае, заменить XMLHttpRequest своим, который бы вызывал на каждый успешный запрос ваш колбек, примерно так

TinyMCE

google: javascript 2d physics
библиотек много, выбирай
собственно в игре ничего нет кроме этой физики и картинок

100% гарантии локальными средствами не получишь, onbeforeunload может не исполниться по разным хоть и редким причинам (например убили процесс, или проблема с интернетом, или неудачное стечение обстоятельств при пробуждении ото сна, особенно это актуально для мобильных браузеров), поэтому ключевой вопрос задачи - обнаружить закрытие вкладок, что можно сделать только на серверной стороне, удерживая websocket подключение (сервер считает сколько открыто к какому пользователю подключений и на дисконнекте последнего помечает что сессия закончилась).

В этом случае очистку localstorage придется делать и на открытии страницы, если сервер пометил для себя что сессия была закрыта и устарела

Прежде чем задавать вопрос - 'как хранить', нужно ответить на - 'как будешь использовать'.

В данном случае возможны следующие подзадачи
- поиск номера по букве
- поиск буквы по номеру
- получение списка букв или списка номеров
- получение следующей или предыдущей по номеру буквы, получение первой или последней буквы

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

С высокой вероятностью вам хватит двух массивов:
* ['а','б','в',...] - обычная строчка может выступать таким массивом ('абвг...')[3]
* обратный индекс {'а':0,'б':1,'в':2,..} обычный объект или new map()

Это называется шаблонизатор, для javascript их миллион и маленькая тележка, можете даже простым string replace подменять какие то метки в текстовом определении вашего блока на переменные значения.

Пересоздай элементы DOM, удалив старые, но уже без настроек событий

$('#bbb').text=$('input').value

без установленного jquery для каждого типа элемента нужно будет своими полями/методами пользоваться, где то value, где то text, где то делать setAttribute, а может вручную генерировать DOM

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

Какого фига вы рекомендуете человеку удалять гланды через задницу. Какой вебсокет в mysql вы что? Какие тригеры.

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

Вебсокет сервер это пять строчек на php, пара строк на клиенте и легкие рукошевеления для настройки автозапускаемой службы. Если вебсокет уже есть то делать ничего не надо. Придумываете тип сообщения, которое сервер будет слать по этому вебсокету клиентам, клиенты его не должны отображать а вместо этого запрашивать информацию тем старым методом, которым вы сейчас ежесекундно обновляете данные. ВСЕ.

Когда клиент дает цену товару, бакэнд смотрит, какие клиенты его покупают и шлет им сообщение. Возможно придется держать в памяти массив - какой клиент в базе = клиент вебсокет, но с вероятностью 99.(9)% это уже сделано (как минимум имя отображать и авторизация)

Чтобы найти повторяющиеся значения, необходимо собрать их список, создаете объект, в ключи которого записываете ваши [0].
Затем своим простым циклом собираете новый массив, в который добавляете все значения, присутствующие в этом индекс-объекте.

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

Осторожно с обновлениями, точнее с перезапуском бота при обновлениях или обслуживании. Вам нужно либо делать бот таким чтобы можно было безопасно в любой момент его 'остановить' (нужно понимать что ни одна операция с файлами на диске не мгновенна), т.е. вводить механизмы по временной их остановке с ожиданием окончания критичных процессов на это время (и соответствующий мониторинг для вас, чтобы можно было оценить чего ждете).

Ты же сам задал размер в vh/vw а они по определению процент от размера окна.
Делай в px или хотя бы в em

canvas такой же элемент как и другие, устанавливайте стиль background:transparent; или opacity:XXX;

У тебя save_element(); вызывается прямо в рендере перед валидацией полей и чтением этих полей из стораджа, логично что там пусто.

Сохранять нужно после ввода даных

Можно подменить методы, особенно если используется jquery, но и вообще любые методы можно подменять, заменяя своими

например:
var oldXMLHttpRequest=XMLHttpRequest;
XMLHttpRequest=тут описываешь свой класс, который будет выступать прослойкой проверяя оп каким то критериям нужно ли пропускать запрос и вызывая oldXMLHttpRequest

Рисуешь на канвасе, на каждом onmousemoove прибавляешь к области в текущих координатах и ее окрестностях (размер рисующего круга) к интенсивности, причем чем дальше от центра, тем меньше прибавляешь, возможно для красоты использовать свою маску, небольшое изображение, определяющее твою кисть. Если мышка не двигается какое то время (setTimeout и сбрасывать счетчик на onmousemoove) то с некоторым шагом времени начинаешь вычитать из каждого пиксела интенсивность.

Если под интенсивностью. и ее изменениями подразумевать и менять одновременно все три канала rgb, т.е. 0.0.0 - это 0, а 255,255,255 - 255 то у тебя будет чернобелый аналог того что на сайте.

Если тебе нужна другая карта цветов, тебе где то отдельно нужно определить массивом или функцией, какое значение интенсивности - какой цвет. Т.е. функция сложения текущей области и кисти должна сначала преобразовывать цвета в интенсивность, складывать их и обратно преобразовывать в цвет.

Чтобы туда сюда цвета не запрашивать с канваса, можно хранить интенсивность в отдельном массиве.

p.s. если попиксельно будет медленно, ищи операции с изображениями в целом или даже webgl