Обнаружил взрывной открытый проект в фронтенд-сообществе, 44k звезд — это не просто слова!


pretext решил проблему верстки текста, которую фронтенд-инженеры не могли решить двадцать лет.
Традиционная рендеринг веб-страниц основана на DOM, каждый раз при изменении текста приходится пересчитывать верстку, что очень затратно по производительности.
Этот инструмент напрямую обходит DOM, использует Canvas и чистую арифметику для вычисления ширины и высоты символов, — **нуле перерасчету верстки**, производительность выросла с 30мс до 0.05мс, улучшение в 600 раз!
Посмотрим на несколько крутых фишек:
✦ Автоматическая идеально подгонка пузырьковых диалогов, 0 пикселей потерь (CSS вообще не справляется)
✦ В реальном времени ASCII-арт анимация, символы меняются в зависимости от яркости
✦ Автоматический расчет высоты компонента аккордеона, без хаков CSS
✦ Плавная многоколонная водопадная верстка
Раньше для таких эффектов требовались разные хитрости и компромиссы по производительности, теперь все заранее подготовлено, браузерные движки рендеринга экономятся.
Автор chenglou (один из ключевых участников ReasonML) действительно довел текстовую верстку до совершенства.
Для фронтендеров, визуализаторов и креативных интерактивщиков этот библиотека — must-see, она открывает новые горизонты.
Ссылка на проект в комментариях 👇
Посмотреть Оригинал
На этой странице может содержаться сторонний контент, который предоставляется исключительно в информационных целях (не в качестве заявлений/гарантий) и не должен рассматриваться как поддержка взглядов компании Gate или как финансовый или профессиональный совет. Подробности смотрите в разделе «Отказ от ответственности» .
  • Награда
  • комментарий
  • Репост
  • Поделиться
комментарий
Добавить комментарий
Добавить комментарий
Нет комментариев
  • Закрепить