JavaScript | Практика #150
#js_practice_medium | Объяснение

Тригонометрические функции в CSS

В CSS можно писать математические выражения. В основе лежит функция calc() для выполнения вычислений, но, скорее всего, вы также слышали о min(), max() и clamp().

К этим функциям в Chrome 111 присоединяются тригонометрические функции sin(), cos(), tan(), asin(), acos(), atan() и atan2(). Эти функции определены в модуле CSS Values and Units Level 4 и доступны во всех браузерах.

https://web.dev/css-trig-functions/

JavaScript | Практика #151
#js_practice_medium | Объяснение

View Transitions API

Относительно новое АПИ для создания плавных переходов, позволяя DOM изменяться без дублирования состояний. Уже доступно в Chrome 111.

Те, кто реализовывал в SPA анимированную смену маршрута сразу оценят эту фичу. Надо полагать, что с помощью View Transitions мы можем рассчитывать на максимальную производительность анимации в веб-приложении.

Смотреть демо (нужен Chrome 111+).

https://developer.chrome.com/docs/web-platform/view-transitions/

JavaScript | Практика #152
#js_practice_medium | Объяснение

TypeScript. Сужение типов

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

- Защитник типа typeof;
- Проверка на истинность (truthiness narrowing);
- Проверка на равенство (equality narrowing);
- Сужение типов с помощью оператора in;
- Сужение типов с помощью оператора instanceof;
- Присвоения (assignments);
- Анализ потока управления;
- Использование предикатов типа (type predicates);
- Исключающие объединения (discriminated unions);
- Исчерпывающие проверки (exhaustiveness checking).

Читать статью

JavaScript | Практика #153
#js_practice_medium | Объяснение

JavaScript | Практика #154
#js_practice_easy | Объяснение

Возможности JavaScript и TypeScript последних лет. Часть 1.

Статья посвящена возможностям JS и TS последних трех лет, которые вы могли пропустить. В первой части мы поговорим о возможностях JS, во второй — о возможностях TS.

Материал действительно интересный, который позволяет освежить знания о современных возможностях языка.

P. S.: Вторую часть материала также опубликуем здесь.

Читать статью

JavaScript | Теория #25

Скриншот добавлен для визуализации.

#js_theory_easy | Объяснение

Название имеет значение: как получить оптимизацию, переименовав браузер

Всем привет! Меня зовут Максим Смирнов, я руковожу командой, которая работает над производительностью Яндекс Браузера и отвечает за его графическую подсистему. В этой статье я расскажу об одном неочевидном улучшении, которое наша команда внедрила в Браузер для Windows. Если описать его в двух словах, то нам удалось улучшить стабильность и производительность браузера, убедив драйверы видеокарт, что наше приложение — это Google Chrome.

P. S.: Забавно, что на таком уровне разработке логика привязывается к "глупому" наименованию процессов / программ, которые могут меняться даже пользователем.

Читать статью

JavaScript | Практика #155
#js_practice_easy | Объяснение