Знайшов крутий відкритий проект у фронтенд-спільноті, 44 тисячі зірок — це справді не жарти!


pretext вирішив проблему розмітки тексту, яку фронтенд-інженери не могли подолати протягом двадцяти років.
Традиційне рендеринг веб-сторінки базується на DOM, кожне коригування тексту вимагає повторного обчислення розмітки, що дуже навантажує продуктивність.
Цей інструмент обхідний DOM, використовує Canvas для арифметичних обчислень ширини та висоти символів, — **нульовий перерозподіл розмітки**, продуктивність зросла з 30мс до 0.05мс, підвищення у 600 разів!
Декілька крутих фішок:
✦ Автоматичне ідеальне підлаштування спливаючих вікон, 0 марнотратства пікселів (CSS цього зробити не може)
✦ Реальний час ASCII-арт анімації, символи змінюються залежно від яскравості
✦ Автоматичне визначення висоти акордеона, без хаків CSS
✦ Гладке багатоколонне водоспадне розташування
Раніше для таких ефектів потрібні були різні чорні технології + компроміси з продуктивністю, тепер все попередньо обчислюється, і браузерний рушій рендерингу економить ресурси.
Автор chenglou (колишній ключовий учасник ReasonML) справді зробив з текстовим розміщенням справжній мистецький витвір.
Якщо ви займаєтеся фронтендом, візуалізацією або креативними інтерактивами — цей бібліотечний проект обов’язково потрібно подивитися, він відкриває новий світ.
Посилання на проект у коментарі 👇
Переглянути оригінал
Ця сторінка може містити контент третіх осіб, який надається виключно в інформаційних цілях (не в якості запевнень/гарантій) і не повинен розглядатися як схвалення його поглядів компанією Gate, а також як фінансова або професійна консультація. Див. Застереження для отримання детальної інформації.
  • Нагородити
  • Прокоментувати
  • Репост
  • Поділіться
Прокоментувати
Додати коментар
Додати коментар
Немає коментарів
  • Закріпити