Шутка, смысл которой приходится объяснять, — плохая шутка. А еще хуже, когда она не шутка вообще. Расхожую шутку о том, что к базе данных невозможно подключиться с помощью CSS, решил проверить разработчик Ли Мейчин. И в итоге перевел ее в разряд несмешных.
В сети последнее время распространился следующий твит
Его автор, чтобы высмеять рекрутеров, которые не разбираются в технологиях и путают стеки, написал, что они настолько некомпетентны, что могут написать что-то вроде: «Ищем специалиста, который смог бы подключиться к базе данных с помощью CSS». Твит и его скриншоты, уже в качестве мемов, набирают массу лайков, но есть вероятность, что выполнить описанные в посте условия все-таки можно. И вот как, по словам Ли Мейчина, это сделать.
Способ есть, но не все так просто
Стоит отметить, что, по словам автора, данный способ работает только в Chrome, но при желании можно взять любую базу данных SQLite и запросить ее через CSS. Вот как это работает.
Новый набор API, так называемый Houdini, дает браузеру возможность управлять CSS через собственную объектную модель на JavaScript. Это означает, что пользователь может создавать пользовательские стили CSS, добавлять пользовательские свойства и так далее.
В ходе проекта пригодится интерфейс CSS Paint Worklet, который позволяет «рисовать» на элементе, как в известном и всеми любимом Canvas, и заставляет браузер обрабатывать его как изображение в CSS. На сайте houdini.how есть несколько примеров работы с интерфейсом.
Однако worklet предоставляет только часть API Worker, плюс также сильно урезан сам контекст canvas . Что это значит? У пользователя нет доступа к сети, поэтому он может попрощаться с fetch и XmlHttpRequest. Не будет также функции drawText и других JS API.