Stalker_RED

Дело не в быстродействии.
Через год ты откроешь этот проект чтобы внести какие-то изменения, и тебе придется вспоминать, в css они или прямо в тегах. А если не ты откроешь, а твой сотрудник - ему будет еще сложнее.

Т.е. технически никто не мешает тебе резать хлеб бензопилой, забивать гвозди микроскопом и ходить в лыжах по асфальту. Но это как-то нехорошо, некрасиво... неправильно?

Перенос по целым словам и так должен работать, но можно и принудительно указать в css
word-wrap: normal



Если хотите, чтобы перенос появлялся внутри слова, то
word-break: break-all

На mdn отлично описано отличие

Почему WeakMap?
Опытный JavaScript разработчик заметит, что map API можно реализовать на JavaScript c помощью двух массивов (один для ключей, второй для значений) и четырех общих API методов. Установка элементов в этот map должна будет одновременно запушить ключи и значения. В результате индексы ключа и значения будут корректными. Получение значений с map потребует итерирование ключей, чтобы найти совпадение, а затем использование индекса этого соответствия для извлечения соответствующего значения из массива значений.

У такой реализации было бы два главных неудобства. Первым является O(n) поиск (где n — количество ключей в map), так как обе операции требуют итерирование списка ключей для нахождения совпадения. Вторым – проблема утечки памяти. В словарях, написанных вручную, массив с ключами будет хранить ссылки на объекты-ключи, не давая им быть помеченными сборщиком мусора. В нативных WeakMap, ссылки на объекты-ключи хранятся «слабо», что означает то, что они не предотвратят сборку мусора в том случае, если других ссылок на объект не будет.

WeakMaps имеют “weak” («слабые») обращения к ключам объекта, а следовательно непрепятствие сборщику мусора, когда мы больше не имеем объекта-ключа. WeakMaps могут быть особенно полезными конструкциями при сопоставлении ключей с информацией о ключе, который ценен, только если ключ не был собран сборщиком мусора (Garbage collector).

Из-за того, что ссылки являются слабыми, ключи WeakMap не перечисляемы (то есть нет метода, который возвращает список ключей). Иначе список бы зависел от состояния сбора мусора, представляя индетерминизм. Если вы хотите иметь список ключей, вам следует поддерживать его самостоятельно.

https://developer.mozilla.org/ru/docs/Web/JavaScri...

https://developer.chrome.com/extensions/devguide
Читай основы, начинай писать, и приходи с более конкретными вопросами.
Подводные камни конечно есть, но все подряд перечислять - слишком большой объем.

Начни с того, чтобы разобраться как передавать данные из фоновой части в интерфейсную, и обратно. Разберись с правами. Дальше все вроде просто.

src="https://code.jquery.com/jquery-3.4.1.slim.min.js"

В slim версии действительно нет такой функции.

Как вынести переменную во внешнюю область видимости вам ThunderCat правильно показал. Но алерт все равно "покажет фигу", потому что он будет выполнен ДО того, как сработает ajax запрос. Хоть этот запрос и написан выше, но он выполняется не мгновенно. И если запрос успешно отработает, то ответ в переменную попадет, конечно, но уже ПОСЛЕ срабатывания алерта. Если вместо алерта сделать вывод этой-же информации по кнопке, или с задержкой на setTimeout, например, то данные из ответа уже будут видны.

Читайте о асинхронности в js, используйте async/await или callback-функции.

Можно background-clip, или таки skew

<a href="http://example.com" class="parent-window-link">example</a>
<a href="http://google.com" class="parent-window-link">google</a>

document.addEventListener('click', function(evt) {
  if (evt.target.matches('a.parent-window-link')) {
    window.top.location = evt.target.href // <-- all magic here
    return false
  }
})

Но если iframe и основная страница с разных доменов, то придется обойти Same-origin policy, явно разрешить такие трюки.

Почитай о тернарном операторе.

Переписать можно так:

if (window.innerWidth < 480) return 1
else if (window.innerWidth < 1225) return 3
else return 4

Надеюсь понятно что происходит, и переписать покрасивее ты сможешь сам.

update myTable
    set title = lower(title)

Кстати, эта секретная ссылка была в первой строке по запросу "sqlite lower case":
https://www.w3resource.com/sqlite/core-functions-l...

Работает

const targetTime = new Date('2020-04-12 19:00')
const timer = setInterval(function(){
  const now = new Date()
  if (now > targetTime) {
    player.play()
    clearInterval(timer)
  }
}, 1000)