Jangan Lampirkan Petua ke Document.Body

Pendekatan yang mendalam Afzal terhadap pengoptimuman prestasi alat tooltip melibatkan penggunaan yang khusus, secara kekal<div> Kontena untuk mengurus petua. Kaedah ini secara signifikan mengungguli secara langsung melampirkan tooltips ke <code>document.body . Kelebihan utama, walaupun tidak dinyatakan secara eksplisit, terletak pada kedudukan mutlak. Bekas yang berdedikasi ini membolehkan penempatan tooltip yang tepat tanpa kerumitan limpahan tersembunyi atau elemen induk relatif.

Menghairankan, hanya menggunakan bekas yang berasingan, walaupun tanpa contain CSS, prestasi yang lebih baik secara dramatik. Penjelasannya terletak pada mengelakkan pengiraan semula gaya paksa. Oleh kerana kontena tooltip tetap tidak kelihatan, pengubahsuaian di dalamnya tidak mencetuskan pembatalan pokok halaman lengkap. Hanya subtree yang kecil dan bebas yang tidak sah, mengakibatkan pengiraan semula yang lebih cepat.

Teknik ini berkaitan dengan perpustakaan seperti Popper.js. Penulis mencatatkan bahawa penggunaan Codepen react-hot-toast untuk mesej roti bakar menggunakan strategi yang sama, menambah lapisan pengoptimuman tambahan dengan bersarang mesej dalam diri mereka sendiri<div> bekas.</div>

Atas ialah kandungan terperinci Jangan Lampirkan Petua ke Document.Body. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!