javascript - Vue menulis rentetan, tetapi ia sangat tersekat.

Question

Kesan dan kod.

http://u6.gg/Skx

Selepas berjalan untuk masa yang lama, ia akan kelihatan tergantung atau tidak bertindak balas atau mula tersekat sedikit

Mencari pengoptimuman atau memberi penyelesaian.

Answer 1

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

?

Answer 2

Gunakan animasi css3?

Answer 3

Pemasa terus menambah elemen pada halaman
Anda boleh memadamkan elemen yang pergi ke hujung kiri dan hanya menyimpan elemen pada halaman.

Answer 4

Item.data.barrage.item ini mempunyai 34 item Kawalnya
Pergi ke elemen paling kiri dan padamkannya
Terdapat juga log dengan konsol diulas
Cubalah

Answer 5

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.

Answer 6

Saya telah melakukan ini sebelum ini adalah disyorkan untuk menutupnya dengan kanvas