Barage meningkat lebih cepat daripada hilang Apabila nombor itu mencapai tahap tertentu, ia pasti akan tersekat.
Penyelesaian adalah untuk meningkatkan had atas bilangan baris berbaris.
Selain itu, kerana js dipanggil secara berterusan untuk mengira kiri, memori akan menjadi lebih besar dan lebih besar, yang juga akan menyebabkan ketinggalan selepas mencetuskan GC.
Tetapi mengapa menggunakan requestAnimationFrame Gunakan animasi css
Menggunakan animasi CSS3, kedudukan permulaan ialah bahagian kiri elemen dan bahagian kanan skrin, dan kedudukan berhenti ialah bahagian kanan elemen dan bahagian kiri skrin. Alihkan elemen apabila animasi tamat.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Barage meningkat lebih cepat daripada hilang Apabila nombor itu mencapai tahap tertentu, ia pasti akan tersekat.
Penyelesaian adalah untuk meningkatkan had atas bilangan baris berbaris.
Selain itu, kerana js dipanggil secara berterusan untuk mengira kiri, memori akan menjadi lebih besar dan lebih besar, yang juga akan menyebabkan ketinggalan selepas mencetuskan GC.
Tetapi mengapa menggunakan requestAnimationFrame Gunakan animasi css
?Gunakan animasi css3?
Pemasa terus menambah elemen pada halaman
Anda boleh memadamkan elemen yang pergi ke hujung kiri dan hanya menyimpan elemen pada halaman.
Item.data.barrage.item ini mempunyai 34 item Kawalnya
Pergi ke elemen paling kiri dan padamkannya
Terdapat juga log dengan konsol diulas
Cubalah
Menggunakan animasi CSS3, kedudukan permulaan ialah bahagian kiri elemen dan bahagian kanan skrin, dan kedudukan berhenti ialah bahagian kanan elemen dan bahagian kiri skrin.
Alihkan elemen apabila animasi tamat.
Saya telah melakukan ini sebelum ini adalah disyorkan untuk menutupnya dengan kanvas