В нашем июньском дайджесте расскажем, как Apple решила изменить будущее веб-приложений, сделав их частью своей будущей операционной системы. Ещё поговорим о том, как Frontend-разработчику писать чистые JS-функции, а на выходе получать готовый код для WebGPU. На сладкое оптимизируем производительность с помощью свойств CSS и узнаем, как JS подсчитывает длину строки при использовании эмодзи.
5 июня на WWDC 2023 была анонсирована новая операционная система Apple, которая придёт на смену актуальной macOS Ventura. Будущая новинка получила название Sonoma в честь одноимённого города в штате Калифорния. В ней компания решила удивить Frontend-разработчиков смелым экспериментом в области развития веб-приложений. Она решила полностью стереть границы между классическими приложениями и веб-приложениями, позволяя добавлять их в Dock и запускать в Safari с минималистичным интерфейсом.
Если надо ускорить графику, то Frontend-разработчики вспоминают о WebGPU. Здесь возникают проблемы с тем, что это сложная технология, и в неё нужно глубоко погружаться. Должно быть хорошее понимание того, как это работает на низком уровне. Авторы проекта taichi.js решили изменить это и разработали фреймворк, позволяющий писать код на чистом JS, который будет работать очень быстро, за счёт запуска на GPU.
Задавая свойства CSS, мы расплачиваемся производительностью за красоту отображаемых элементов. И как только это осознание приходит, становится понятным желание Frontend-разработчиков понять насколько сильно то или иное свойство CSS влияет на производительность. Вьетнамский программист-самоучка Кайл Ли (Kyle Le) провёл комплексное исследование того, какие свойства CSS могут помочь снизить накладные расходы и ускорить работу веб-сайта.
Люди любят эмодзи, поскольку мозг считывает картинки быстрее, чем текст. Но в случае с длиной строки в JavaScript, эмодзи могут стать проблемой. Как вы думаете, почему длина строки JS с одним эмодзи будет равна 2, а с другим аж 7? Выглядит, как издевательство над здравым смыслом, но этому есть логичное объяснение.
Хотите узнать больше? Тогда добро пожаловать в полную версию нашего дайджеста.