Menemukan proyek open-source yang meledak di komunitas front-end, 44 ribu bintang, benar-benar bukan omong kosong!


pretext menyelesaikan masalah tata letak teks yang belum terselesaikan selama dua puluh tahun oleh insinyur front-end.
Render halaman web tradisional bergantung pada DOM, setiap kali menyesuaikan teks harus menghitung ulang tata letak, beban kinerja besar. Alat ini langsung melewati DOM, menggunakan Canvas untuk menghitung secara murni lebar dan tinggi karakter, **tanpa reflow tata letak**, performa dari 30ms menjadi 0,05ms, peningkatan 600 kali!
Lihat beberapa operasi keren:
✦ Kotak dialog gelembung otomatis menyesuaikan dengan sempurna, tidak ada pemborosan pixel (CSS sama sekali tidak bisa melakukan ini)
✦ Animasi seni ASCII secara real-time, karakter berubah sesuai tingkat kecerahan
✦ Tinggi komponen akordeon otomatis dihitung, tanpa hack CSS
✦ Tata letak aliran air terjun multi kolom yang halus dan lancar
Dulu ingin membuat efek ini harus pakai berbagai teknologi canggih + kompromi performa, sekarang langsung dihitung sebelumnya, bahkan mesin rendering browser pun dihemat.
Pembuatnya chenglou (anggota inti ReasonML sebelumnya) benar-benar membuat tata letak teks menjadi seni. Bagi yang mengerjakan front-end, visualisasi, atau bermain dengan interaksi kreatif, perpustakaan ini wajib dilihat, membuka pintu dunia baru.
Alamat proyek sudah ada di bagian komentar 👇
Lihat Asli
Halaman ini mungkin berisi konten pihak ketiga, yang disediakan untuk tujuan informasi saja (bukan pernyataan/jaminan) dan tidak boleh dianggap sebagai dukungan terhadap pandangannya oleh Gate, atau sebagai nasihat keuangan atau profesional. Lihat Penafian untuk detailnya.
  • Hadiah
  • Komentar
  • Posting ulang
  • Bagikan
Komentar
Tambahkan komentar
Tambahkan komentar
Tidak ada komentar
  • Sematkan