Александр Талалаев

Вас проверяли на знание того, как передаются переменные в функция в php. Переменные передаются всегда по значению, те передаёте переменную в функцию, туда копируется в новую переменную значение оригинальной.

С помощью амперсанда & мы можем заставить передавать ссылку на эту же переменную в памяти. И тогда манипуляции с ней внутри функции будут равны манипуляциям вне.

С объектами не большая путаница происходит, но только из-за того что многие не думают/забывают что хранится в переменной когда создаётся объект. При создании объекта в саму переменную помещается его идентификатор, по которому php и обращается к этому объекту.
Ну и соответственно при передаче такой переменной в функцию, мы копируем этот идентификатор в новую переменную. Переменная уже другая, независимая от той что была, но идентификатор объекта тот же. Поэтому манипуляции с объектом в функции(обращение к свойствам/методам) отразятся на объекте с этим идентификатором. И со стороны выглядит словно переменная с объектом всегда передаётся по ссылке(словно стоит амперсанд), но это не так. Например внутри функции вы перезапишете переменную(к примеру присвоите null) то оригинальная переменная с объектом не поменяется.

А вот есть если передать её по ссылке, те с амперсандом, то внутри функции будет переменная со ссылкой на переменную вне, и поэтому не только манипуляции с объектом, но и перетирание переменной в целом повлияет.

class A {
    public $foo = 1;
}

//создали переменную
//в ней хранится id объекта, сам объект где-то в памяти оптимизированно лежит
$newObj = new A;

//Вывод 1
echo $newObj->foo;

function foo($obj) {
	//в obj скопирован id объекта
	//тк он тот же, то меняется и оригинальный объект
	$obj->foo = 2;
	//локальная переменная перетёрся, больше id объекта не хранит
	//на внешнюю не повлияло
	$obj = null;
	
}

foo($newObj);
// получили 2
echo $newObj->foo;


function bar(&$obj) {
	//obj ссылается на тоже место в памяти, что и внешняя переменная с id объета
	//тк он тот же, то меняется и оригинальный объект (тут логично, тк по ссылке)
	$obj->foo = 2;
	//локальная переменная перетёрся, больше id объекта не хранит
	//внешняя тоже перетрётся
	$obj = null;
}


bar($newObj);
//ошибка предупреждение, нельзя читать свойства на null
echo $newObj->foo;

Ну и зная всё это, вы можете написать свою простую функцию, по типа прегматча.

function mySum($a, $b, &$result) {
	$result = $a + $b;
}
//первые два параметра по значению, в третий передаём переменную
//она тут же инициализируется (как если бы её до этого написать просто $res;)
// и передаётся её ссылка внутрь функции
mySum(1,2, $res);

//3
echo $res;

Ваш код грязный конечно, даже стили немного.
Вот я тоже набросал грязное решение. Вам я бы рекомендовал немного переверстать, но в целом(обратите внимание я добавил pointer-events none на .types-select__option-text в css на кодпене это видно)
Саму идею я думаю вы поймёте и под себя переделаете. Ниже код и кодпен.

//Данные по содержанию меню
const furnTypes = [
  {
    'id' : 1,
    'title' : 'Офисная&nbsp;<span>меб</span>ель'
  },
  {
    'id' : 2,
    'title' : 'Техника / сантехника'
  },
  {
    'id' : 3,
    'title' : 'Сборка кухни'
  },
];

//Каждое активно может быть только один раз
const activeMenuItems =   new Set();

const clickHandler = e => {
  if(activeMenuItems.add(parseInt(e.target.getAttribute("furn-id"))) ) {
    //Если поменялся перестроим меню
    updateActiveMenuItems(activeMenuItems);
  }  
};

//Строим меню на основе данных items, вставляем в target
//на элементы вешаем событие clickHandler
buildSelectMenu = (target, items, clickHandler) => 
{
  //создаем родителя
  const parentUl = document.createElement("ul");
  parentUl.classList.add('types-select__options');
  //Каждый из пунктов
  items.forEach(
    item => {
      const childLi = document.createElement("li");
      childLi.classList.add('types-select__option');
      childLi.setAttribute('furn-id', item['id']);
      childLi.addEventListener("click",clickHandler);
      const childTextBlock = document.createElement("div");
      childTextBlock.classList.add('types-select__option-text');
      // Лучше потом на setHtml заменить, но пока нет поддержки
      childTextBlock.innerHTML = item['title'];
      childLi.appendChild(childTextBlock);
      parentUl.appendChild(childLi);
    }
  )
  //Запихиваем туда куда нужно
  target.appendChild(parentUl);  
  return parentUl; 
}

const updateActiveMenuItems = ids => {
  
  const parent = document.querySelector('.types-select__active-items');
  parent.innerHTML = '';
  ids.forEach( id => {
    const curItem = furnTypes.find( el => el['id'] === id)
    const activeMenuItemEl = document.createElement("div");
    const activeMenuItemTitleEl = document.createElement("span");
    activeMenuItemTitleEl.innerHTML = curItem['title'];
    const activeMenuItemdeleteButtonEl = document.createElement("button");
    //Лучше через текстовую ноду
    activeMenuItemdeleteButtonEl.innerHTML = 'x';
    activeMenuItemdeleteButtonEl.setAttribute('active-furn-id', curItem['id']);
    
    activeMenuItemdeleteButtonEl.addEventListener("click", e => {
      //Чтобы кликалась не взирая на клик событие родителя
      if(e && e.stopPropagation) e.stopPropagation();
      
      if(activeMenuItems.delete(parseInt(e.target.getAttribute("active-furn-id"))) ) {
        //Если поменялся перестроим меню
         updateActiveMenuItems(activeMenuItems);
      } 
    }); 
    
    activeMenuItemEl.appendChild(activeMenuItemTitleEl);
    activeMenuItemEl.appendChild(activeMenuItemdeleteButtonEl);
    parent.appendChild(activeMenuItemEl);
    
  })
  
}

// Строим меню
const furnitureMenu = buildSelectMenu(
  document.querySelector('#furnitureMenu'), 
  furnTypes, 
  clickHandler
);

document.querySelector('.types-select__btn')
  .addEventListener("click", e => {
    // Странное имя класса, наверное должн быть types-select__menu_active
    document.querySelector('.types-select__menu').classList.toggle("_active");
} )

Сама ошибка вполне однозначная, вы обращаетесь к строке по индексу.
У вас в коде в строке 30:
$aUnit[$server['unit']][$server['game']]
Но выше мы видим что
$aUnit[$unit['id']] = '';
Ну так делать нельзя. В PHP 7* на этот счёт были предупреждения, видимо вы их игнорировали.

Контекст вы должны сохранять, а передавать в следующем запросе через роли.
Простое объяснение тут, пример оттуда:

completion = openai.ChatCompletion.create(
  model="gpt-3.5-turbo", 
  messages = [
# system - системная базовая роль, грубо говоря это сама база "Я" gpt
{"role": "system", "content" : "You are ChatGPT, a large language model trained by OpenAI. Answer as concisely as possible.\nKnowledge cutoff: 2021-09-01\nCurrent date: 2023-03-02"},
# user - роль юзера кто задаёт вопросы
{"role": "user", "content" : "How are you?"},
# Асистент одна из ролей, можно задать ранее в запросе, типа Act as bla blah
# либо он поймёт что должен быть именно ассистентом смотрите оп ответу в API
{"role": "assistant", "content" : "I am doing well"},
# Снова юзер
{"role": "user", "content" : "How long does light take to travel from the sun to the eart?"}]
)

Ну и примерно так строишь цепочку. Ну и да, ресурсо(читай денежно) пожирающе, а что делать. Значит приносить $$ должно больше чем тратится.

Я бы смотрел в сторону VPN которые используют люди.
Cloudflare будет грузиться и показывать хоть что-то, даже есть доступ к ресурсу запрещен.
Поэтому остаются сетевые проблемы и задержки/таймауты из лагов VPN. У народа часто фигня разная стоит.
Поэтому этот пресловутый белый экран как раз таки и показывает проблемы с отправкой/получением данных. Бразуер(не важно встроенный или нет) будет в таких случаях частенько висеть.
Попробуйте несколько дней потестить с включенными бесплатными разными VPN из топа Маркета/Апстора. Проследить статистику. Особенно полезно это сделать на мобильном интернете среднего качества с просадками, а не на стабильном wifi

genre_rock = df[ (df['genre_name'] == 'rock') & (df['total_play_seconds'] > 0) ]

Анимация = анимации рознь.

Конкретный ответ со списком вы тут не увидите, это будет большая статья, со множественными "а вот тут", "но здесь" просто потому что многое зависит от контекста, задач, планирование.
Главные рекомендации это не делать на js то, что отлично реализуется с помощью css. Этим к сожалению часто болеют многие фронтендеры, особенно из тех кто принципиально не любит вёрстку. Банальные примеры некоторые виды трансформаций объектов при булевых сменах какого параметра(условно навел/убрал наведения, вкл-выкл и тп).

Но нужно иметь ввиду, что там где у вас выходит сложная логика, разные усложнённые сценарии, динамические параметры запуска и тп и тд. Без js естественно никуда.

Поэтому просто зная возможности css, имея здравый смысл, вы будете видеть и знать где что использовать.
К счастью css тоже в последнее время активно развивается давай нам всё больше возможностей.
Поэтому - простая штука, что-то типа одноразовых анимации, простого повторения, туда сюда - подумать про css.
Если к этому добавляются всякие реакции на сложные тайминги, старт-пауза перемотать остановить на промежутке и тп - js.
Ну и безусловно разные сложные, многоходовки с завязкой друг на друга - однозначно js.

В целом информации на эту тему достаточно в интернете, мудрить здесь особо не стоит. Поэтому повторюсь: просто здравый смысл и держать в уме знание css и не брезговать его использовать. Нередко кстати сами верстальщики уже готовят эти анимации, но это уже отдельный разговор организации команд и внутрипроектной кухни. Я сторонник того что фронтэндер, пусть и не обязан прям верстать верстать, но знать вёрстку/css должен на очень хорошем уровне.