Вышел Chrome 91

В нём много нового: улучшения File System Access API, возможность копирования файлов из буфера обмена, возможность добавления подсказок для менеджера паролей, Web Transport под origin trial, #WebAssembly SIMD, API для обнаружения поверхностей в WebXR под origin trial, WebSockets через HTTP/2, ES модули в сервис воркерах.

https://developer.chrome.com/blog/new-in-chrome-91/

Также:
- блог разработчиков
- новое в DevTools
- новое в V8

📢 Ищутся волонтёры для помощи с переводом русскоязычной версии сайта #TC39, а конкретно stage 3 пропозалов (от JSON Modules и ниже). Там необходимо перевести заголовки, описания и названия месяцев. Вот файл, в котором находятся все необходимые строки. Можете сразу добавить меня (https://github.com/chicoxyzzy) в ревьюеры или заменшнить в Вашем PR. На всякий случай, — у нас есть code of conduct.

Апдейт: PR уже есть, помогайте улучшать перевод тут https://github.com/tc39/tc39.github.io/pull/254

Sparkplug — новый неоптимизирующий компилятор JavaScript

Оказывается V8 9.1 был добавлен новый неоптимизирующий компилятор Sparkplug. Благодаря отсутствию оптимизации, процесс компиляции происходит гораздо быстрее. По сути, этот компилятор переводит байткод в соответствующие им инструкции. Такой подход позволяет быстрее начать выполнять код на этапе загрузки, а также переключаться на оптимизированный код и обратно. Подход дает выигрыш, так как на старте многие оптимизации все равно не возможны из-за отсутствия фидбека по исполнению кода. На данный момент получилось достичь 5-15% прироста производительности, но пока реализованы не все идеи связанные с новым компилятором. Больше технических деталей и графиков в статье блога V8: https://v8.dev/blog/sparkplug

Вышел Firefox 89

https://www.mozilla.org/en-US/firefox/89.0/releasenotes/

В этом релизе обновлен внешний вид браузера, улучшен UX, в частности, стало меньше алертов и сообщений. Для пользователей macOS несколько исправлений и улучшений, например, добавили эластичный оверскрол (как в других браузерах и приложениях). В режиме инкогнито (приватный режим) теперь используется Total Cookie Protection, что не позволяет сайтам использовать куки других сайтов.

- Включен top level await
- На 64-битных системах теперь можно создавать ArrayBuffer до 8GB (было 2GB)
- Добавлен интерфейс PerformanceEventTiming из Event Timing API
- Контентом <input> и <textarea> теперь можно манипулировать с помощью document.execCommand() как в других браузерах и с сохранением истории изменений
- В CSS добавлено:
- Медиа фича forced-colors
- Дескрипторы ascent-override, descent-override и line-gap-override для @font-face
- Функция type() для image-set()
- В контентных скриптах (те что встраиваются в страницу) расширений теперь можно использовать динамический import()

Все изменения для разработчиков
Статья в Mozilla Hacks

Некоторые интереные новости W3C за май

Спецификация Web Audio API получила статус Proposed Recommendation и возможно получит статус W3C Recommendation уже 3 июня.

Черновик спецификации Web Content Accessibility Guidelines (WCAG) 2.2 и готовится получит статус Proposed Recommendation, что может произойти 4 июня.

Спецификации WebGPU и WebGPU Shading Language опубликованы в статусе First Public Working Draft.

Спецификация Page Visibility Level 2 опубликована в статусе W3C Candidate Recommendation.

Спецификация Geolocation API опубликована в статусе First Public Working Draft.

Стратегические цели W3C (апрель 2021)

W3C опубликовал большой документ со стратегическими целями на ближайшее будущее. Очень интересный документ с кучей ссылок, очень рекомендую к ознакомлению.

https://www.w3.org/2021/04/w3c-highlights/Overview.html

Между тем, не так давно вышел PHP 8. — очень большой и значимый релиз, помимо всего прочего добавляющий паттерн-матчинг, JIT и улучшения системы типов. С анонсом на русском языке можно ознакомиться тут.

JSON Modules и Import Assertions уже в браузере

Мы уже писали про то, что эти фичи попали в Chrome 91 Beta, но не будет лишним напомнить, что теперь они доступны в стабильных версиях Chromium без флагов. Что примечательно, самое ценное среди этих двух фич даже не JSON Modules как может показаться на первый взгляд (хотя тоже ценно). Куда важней Import Assertions, так как это открывает возможность для новых типов модулей (помимо JSON), таких как CSS (работа идет), WebAssembly и, возможно, HTML. Немного деталей в короткой статье Акселя Раушмайера ECMAScript proposal: Import assertions.

TablesNG

Еще одно нововведение в Chrome 91, которое почему то прошло мимо заметок к релизу, что включили по умолчанию TablesNG (часть проекта LayoutNG), переписанный модуль отвечающий за лейаут таблиц (<table>). Это позволило починить древние баги связанные с размерами, замещением фона в ячейках, отрисовкой рамок, использованием position отличный от static для разных элементов таблицы (thead/tbody/tfoot/tr/td/th) и др. В частности, теперь корректно работает position: sticky для секций (thead/tbody/tfoot) и рядов, хаки больше не нужны. Правда TablesNG пока не используется для печати, так как еще не реализовали фрагментацию. Интересные детали в TablesNG developer notes

Улучшения производительности в V8 9.1

В блоге Chromium вышла небольшая статья, в которой авторы заявляют об ускорении браузера Chrome до 23% благодаря новому компилятору Sparkplug и short builtin calls.

⚡️В Safari для iOS и IPadOS также появится поддержка Web Extensions. А на прошлой неделе была анонсирована Web Extensions Community Group, созданная совместно Apple, Google, Microsoft и Mozilla.

Вышел Safari 15 Beta

https://developer.apple.com/documentation/safari-release-notes/safari-15-beta-release-notes

В новой версии:
- поддержка OTP
- поддержка Webauthn Passkey
- улучшенная поддержка aspect-ratio
- поддержка цветовых функций lab(), lch(), hwb() и пространств цветов в color()
- новый дизайн форм
- мета-тэг theme-color
- top-level await (ES2022)
- поддержка ES модулей в воркерах и сервис воркере
- Error.cause (stage 3)
- приватные методы классов и аксессоры (ES2022)
- поддержка TypedArray с элементами BigInt типов
- аппаратное ускорение VP9 и WebM
- Opus кодек для аудио в WebM контейнерах
- автоматический апгрейд соединения до HTTPS
- автоматическое скрытие IP от трекеров
- разные улучшения Private Click Measurement
- потоковая компиляция #WebAssembly
- #WebAssembly Bulk Memory Operations
- #WebAssembly Reference Types
- #WebAssembly Non-trapping float-to-int Conversations
- WebGL 2 включен по умолчанию
- Web Share API level 2
- поддержка Web Extensions на iOS и iPadOS
- отладка CSS Grid в Web Inspector

⚡️ W3C и WHATWG совместно собираются представить обновление спецификаций DOM от 15 июня 2020 года в статусе Candidate Recommendation 6 июля 2021 года.

Более полный список сессий WWDC 2021 о WebKit и Safari из блога WebKit:

https://webkit.org/blog/11700/webkit-features-in-safari-at-wwdc21/

Команда React поделилась планами разработки следующей мажорной версии библиотеки — "The Plan for React 18".

В React 18 будет добавлен автоматический батчинг обновлений стейта компонентов, новые API (например, startTransition) и стриминговый серверный рендерер с поддержкой React.lazy. Изменится работа с конкурентным режимом. Он будет включаться автоматически при использовании новых фич, которые требуют этот режим. Такая стратегия упростит миграцию приложений на React 18.

С этой версии команда React начинает больше работать с сообществом. Для этого была организована специальная рабочая группа из экспертов, разработчиков, авторов библиотек и образовательных программ.

Также была опубликована альфа-версия React 18. Команда React призывает авторов библиотек поэкспериментировать с ней и поделиться фидбеком.

#react

https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html

Проблемы доступности, которые можно обнаружить и исправить используя интрументы разработчика в браузере

Christian Heilmann из команды Microsoft Edge собрал материалы и записал видео о том, как улучшить доступность сайтов.

https://christianheilmann.com/2021/06/08/accessibility-issues-you-can-discover-and-fix-using-the-browser-developer-tools/

Вышел браузер Vivaldi 4.0

В нём добавлена встроенная возможность перевода, а также бета-версии почтового клиента, читалки для подписок, и календарь.

https://vivaldi.com/blog/vivaldi-4-0/