DevMan

data: () => ({
  scroll: 0,
}),
computed: {
  style() {
    return {
      height: здесь рассчитываете высоту на основе this.scroll,
    };
  },
},
created() {
  const onScroll = () => this.scroll = document.scrollingElement.scrollTop;
  onScroll();
  document.addEventListener('scroll', onScroll);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('scroll', onScroll));
},

<div :style="style">

Никакой.

Судя по тому, что ты путаешь opcode cache с data cache, кэш тебе вообще никакой не нужен, а вопрос задан от балды.
Учись мудрости у природы: когда коту делать нечего, он не кэш ищет, а гигиену наводит. И это очень правильное занятие в твоей ситуации. Куда меньше вреда принесёт

phpQuery не нужен.

$str = 'hlsList: {"1080":"https://m1.rumer.club/manifest/MTc4LjE1OS4yMTYuMTQy/?video=https%3A%2F%2Fhls-t001-l001-c086-s001.intravideo.net%2F04_01_20%2F04%2F01%2F16%2FAYLFV5VV%2FAVEHPEEI.mp4%2Ftracks%2Fv1-a%2Fmaster.m3u8",
"480":"https://m1.rumer.club/manifest/MTc4LjE1OS4yMTYuMTQy/?video=https%3A%2F%2Fhls-t001-l001-c086-s001.intravideo.net%2F04_01_20%2F04%2F01%2F16%2FAYLFV5VV%2FAVEHPEEI.mp4%2Ftracks%2Fv2-a%2Fmaster.m3u8",
"720":"https://m1.rumer.club/manifest/MTc4LjE1OS4yMTYuMTQy/?video=https%3A%2F%2Fhls-t001-l001-c086-s001.intravideo.net%2F04_01_20%2F04%2F01%2F16%2FAYLFV5VV%2FAVEHPEEI.mp4%2Ftracks%2Fv1-a%2Fmaster.m3u8"}';

$json = str_replace('hlsList: ', '', $str);
$links = json_decode($json, true);
echo $links['720'];

В UTF-8 каждый символ может занимать от 1 до 4 байт.
Ещё следует понимать, что UTF-8 будет занимать в 2 раза больше места (2 байта) для русскоязычного текста, чем Windows-1251, которая использует лишь 1 байт.

Научитесь уже гуглить.

https://github.com/{username}.png
https://github.com/{username}.png?size=200

самая главная настройка безопасности - это эрудиция самого пользователя. чего не надо делать - к примеру ставить пиратские игры/софт с фалопомоек

is_file() вернет false, если указанный путь указывает на каталог, file_exists() вернет true, если данный путь указывает на допустимый файл или каталог. Смысл в том, что не одно лучше другого, а функции отличаются по смыслу и их нужно использовать своевременно.

Если хотите точно знать, является что-то файлом или нет, используйте is_file(), в противном случае используйте file_exists().

Потому что в РНР нет такой функции?

1. Пользуясь поиском, находишь результаты и задачи уже прошедших олимпиад.
2. Пользуясь тетрадкой и ручкой пробуешь решить эти задачи, чтобы ты понимал смысл их решения на логическо-математическом уровне.
3. Потом пробуешь написать программу, которая решает конкретную задачу.

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

Повторяешь шаги 1-3 раз 10 с разными задачами.

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

У Figma есть очень хороший и простой инструмент для разработчиков, оттуда они могут экспортировать картинки, работать с вектором, смотреть стили CSS и вполне комфортно делать верстку. Изучать ему ничего не надо, нужно просто скинуть ему ссылку на макет.

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

UPD:
Ответ для тех, кто не понимает, почему Фигма лучше фотошопа:

1. Командная работа
2. Работа со стилями, можно сразу разработать стили заголовков и цветов.
3. Удобная работа с компонентами (в фотошопе ее вовсе нет).
4. Позиционирование объектов, за счет этого, удобная адаптация под разные экраны (не путать с адаптацией под мобильники).
5. Облачное хранилище, удобная библиотека файлов.
6. Возможно продемонстрировать макет заказчику без сохранения PNG, JPG файлов (кидаешь просто ссылку на прототип)
7. Интерактивные прототипы, с базовой анимацией, с возможностью привязать ссылки к кнопкам.
8. История действий, которая сохраняется на 30 дней.
9. Удобнейшая работа с вектором, в отличие от фотошопа.
10. Возможность импорта и экспорта SVG вектора, с возможностью его редактировать.
11. Система Фреймов, позволяющая на одном листе создать несколько рабочих областей, что позволяет выводить всякие UI элементы в отдельный Frame, точно также с адаптацией.
12. Система страниц, позволяющая не разделять каждую отдельную страницу, в отдельный файл. Разработка нормального портала на фотошоп, занимает порядка 40 - 50 PSD файлов.
13. Общая система компонентов для всего проекта, возможность превратить дизай-систему в конструктор.
14. Возможность зайти в библиотеку с любого компьютера, и продолжить работу.
15. Отзывчивость разработчиков, баг-репорт каждую среду.

Технически вообще все сертификаты одинаковы :) Это просто личный и общий ключи для шифрования-расшифровывания, вопрос разницы между ними исключительно в доверии к издателю.
- Локальные сертификаты. Издаются корпоративным CA, доверие к которому абсолютно в пределах конторы и равно нулю за ее пределами, доверие возникает только если две конторы обмениваются корневыми сертификатами (но мне такие случаи неизвестны). Выпускаются бесплатно, ставятся ответственными лицами, иногда ты конкретно знаешь, кто именно отвечает за выпуск.
- LE. Издаются бесплатным CA, на три месяца, требуют настройки скриптов обновления. Доверие минимально, поскольку для подтверждения права на выпуск сертификата нужно только подтверждение права владения доменом. Тем не менее применяются широко - для отладки, тестирования, для личных сайтов, для всех, кто не слишком заботится о своей репутации и не переживает за возможность подмены сертификата. Например для личного сайта, блога, для сайта с низкой посещаемостью LE - лучший выбор.
(JFYI: Я никогда ничего не куплю в Интернет-магазине с сертификатом от LE - чел, который не нашел в бюджете пары тысяч на DV-сертификат - это пародия на бизнесмена или же просто кидала)
- DV с общеизвестного CA. Издаются платно, за небольшие деньги (от нескольких сот до нескольких тысяч рублей), обычно на год. Доверие чуть выше, хотя издаются как правило автоматами, для выпуска достаточно подтвердить право владения доменом. Сфера применения - практически та же, плюс небольшие Интернет-магазины, СМИ, персональные сайты популярных людей (поскольку DV выдается физику), сайты организации.
- OV с общеизвестного CA. Издаются платно, за бОльшие деньги (от нескольких тысяч до нескольких десятков тысяч), обычно на год. Доверие заметно выше, чем к DV, потому что издаются не автоматом, а только после ручной проверки - CA самостоятельно по третьим источникам находит контактный номер (именно поэтому при формировании заявки рекомендуют дать ссылку на 2gis, Yellow Pages и т.д) и делает обратный контрольный звонок. В некоторых CA (но не во всех) есть русскоязычный персонал. Также запрашивают основные документы, подтверждающие регистрацию организации. Работать с CA за рубежом довольно сложно, лучше всего найти компанию-прокси в РФ (например, ярославское ЭМАРО) - они дадут все бухгалтерские документы по стандартам РФ. Сфера применения - СМИ, Интернет-магазины, почтовые сервера (мы, например заказываем для OWA)
- EV c общеизвестного CA. Издаются платно, за приличные деньги (десятки тысяч), обычно на год. Самая высокая степень доверия, самая долгая и сложная проверка. Сфера применения - банки, крупные Интернет-магазины, крупные СМИ, вообще все "крупное".

Сначала привязываете существующий домен к приложению на Heroku - https://dashboard.heroku.com/apps/ваше_приложение/settings.
В самом низу пункт Domains.
После добавления Хероку выдаст вам адрес на поддомене отличное от названия вашего приложения - example-abcd-1234.herokudns.com.
Берёте полученный адрес и следуете этой инструкции
Вкратце - вам нужно просто добавить днс запись
Тип - CNAME
Хост - ваш домен
Адрес: то что выдал Хероку

Как и куда именно нажимать - это легко гуглится.

про днс записи

Включить и настроить NTP на единый источник времени.
Если ОС клиента вам не подконтрольна - то вы не можете рассчитывать на то, что часы на клиенте и сервере совпадают и должны придумывать как с этим жить вашему приложению.

В стандартном хендлере монолога используется flock и LOCK_EX

Monolog/Handler/StreamHandler.php

text-align применяется к тексту. Вот и всё.
h1 - блочный элемент и занимает всю ширину. Выравнивается текст внутри него, а не он сам.

Настроенная грамотным специалистом и в руках опытного пользователя.