Defront (при поддержке Зарплата.ру) — про фронтенд-разработку и не только
Ламповый канал про фронтенд и не только. Всё самое полезное для опытных web-разработчиков. При поддержке Зарплата.ру Обсуждение постов @defrontchat Также советую канал @webnya
نمایش بیشتر- مشترکین
- پوشش پست
- ER - نسبت تعامل
در حال بارگیری داده...
در حال بارگیری داده...
error
. Библиотеки могут редиректить возникающие исключения в этот глобальный обработчик с помощью setTimeout
, но такой код выглядит как хак. Для упрощения решения этой проблемы в платформу был добавлен специальный метод reportError
:
try { fn(); } catch (error) { // добавление кастомной обработки исключений и // вызов глобального обработчика reportError(error); }Поддержка метода
reportError
есть во всех актуальных браузерах.
#js
https://www.stefanjudis.com/blog/reporterror-a-method-to-report-to-global-event-handlers/Use `reportError` to report errors to global error event handlers.
Many modern front-end libraries and apps obsess over their bundle size. It’s a noble pursuit — an app that uses smaller libraries has less bloat, loads faster, and the users are happier. We can agree
id="root"
, приложение должно быть собрано в dev-режиме и работать локально.
#svelte #debug #tool
https://medium.com/@vantassel.sam/time-travel-debugging-in-svelte-with-delorean-26e04efe9474A new way to debug Svelte apps
<dialog>
. С его помощью можно создавать доступные модальные и немодальные диалоговые окна
https://webkit.org/blog/12209/introducing-the-dialog-element/Although the alert, confirm and prompt JavaScript methods are convenient, they aren’t recommended due to their script-blocking behavior.
Statoscope is an instrument that analyses your webpack-bundles. Created by Sergey Melukov, it started out as an experimental version in late 2016, which has now become a full-fledged toolkit for viewing, analyzing, and validating webpack-bundles.
@layer
. Эта фича полезна при рефакторинге, темизации и структурировании стилей.
Добавлена поддержка CSS-свойства scrollbar-gutter
. С его помощью можно зарезервировать место на боковой границе вьюпорта, чтобы ширина страницы не прыгала при появлении полосы прокрутки.
Добавлен метод AbortSignal.throwIfAborted()
и свойство AbortSignal.reason
. Эти изменения позволяют упростить реализацию отмены выполнения кода по внешнему событию.
Теперь можно использовать requestAnimationFrame
и cancelAnimationFrame
внутри веб-воркеров.
В CSS добавлены новые единицы измерения cap
и ic
, добавлена поддержка @scroll-timeline
и animation-timeline
для создания анимаций, привязанных к позиции скролла. CSS-свойство color-adjust
было переименовано в print-color-adjust
.
#firefox #release
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97|>
, благодаря которому упрощается композиция функций:
// стандартная композиция const y = h(g(f(x))); // композиция с пайпом в Hack-стиле const y = x |> f(%) |> g(%) |> h(%); // композиция с пайпом в F#-стиле const y = x |> f |> g |> h;Несмотря на то что пропозал c конвейером в F#-стиле выглядит чище, у него больше недостатков по сравнению с конвейером в Hack-стиле: нужно использовать каррирование, усложняется добавление поддержки yield и await, больше накладных расходов на память. По этим причинам работа над F#-версией конвейера была остановлена. На данный момент пропозал о добавлении конвейера в Hack-стиле находится на Stage 2, и его поддержки нет ни в одном браузере. #js #tc39 #proposal https://2ality.com/2022/01/pipe-operator.html
--compat
.
Было оптимизировано ядро Deno. Накладные расходы на вызов низкоуровневых функций платформы были сокращены в 100 раз.
В августе Deno был добавлен в таблицу совместимости MDN.
#deno
https://deno.com/blog/deno-in-2021Retrospect of what happened in 2021 and what's coming in 2022