M K

.bind -метод для отлавливания событий.
Здесь ставится обработчик на нажатие левой кнопки мыши, как параметр передаётся объект события(event), в нём содержится информация о событии, например координаты мыши относительно окна (event.x,event.y) или координаты мыши относительно экрана (event.x_root,event.y_root)

В обычном цикле делайте импорт при помощb importlib или imp

"Опции" в контекстном меню -> настройки -> ассоциации файлов

Используйте @media

Разобраться действительно трудно, видимо Вы пришли из процедурного программирования в JS, а для реализации подобных систем обычно используют объекты, потому что они работают быстрее, чем отдельные функции, не надо тащить кучу аргументов из функции в функцию, и ещё много плюсов у этого подхода:

function Loader(){
  // Описываем все нужные методы и свойства
  this.queue=[]
  this.clearqueue=function()[this.queue=[]}
  this.loadScripts=function(array_of_scripts){ /* ... */ }
 // и т.д.
}
//Создаём объект
var l=new Loader()
l.loadScripts(["/script_1.js","/script_2.js"])

Так же ознакомьтесь с шаблоном "Очередь" Queue

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

var_dump - встроенная неплохая отладочная функция и print_r

А что, если изначально сделать div пустым, и менять контент для :after

.pp2::after{
    content: "bal bla bla";
}
.pp2:hover .pp2::after{
    content: "hello";
}

или создать второй с нужным контентом и менять display