javascript - Vue a écrit un barrage, mais il était très bloqué.

Question

Effets et codes.

http://u6.gg/Skx

Après avoir fonctionné pendant une longue période, il semblera suspendu ou ne répondra pas ou commencera à rester un peu bloqué

Recherche d'optimisation ou proposition de solution.

Answer 1

Le barrage augmente plus vite qu'il ne disparaît. Une fois que le nombre atteint un certain niveau, il restera définitivement bloqué.

La solution est d'augmenter la limite supérieure du nombre de files d'attente de barrage.

De plus, comme js est appelé en permanence pour calculer la gauche, la mémoire deviendra de plus en plus grande, ce qui entraînera également un décalage après le déclenchement de GC.

Mais pourquoi utiliser requestAnimationFrame ? Utiliser l'animation CSS

Answer 2

Utiliser une animation CSS3 ?

Answer 3

Le minuteur continue d'ajouter des éléments à la page,
peut supprimer les éléments qui vont à l'extrême gauche, et ne conserver que les éléments sur la page

Answer 4

This.data.barrage.item contient 34 éléments. Contrôlez-le
Allez à l'élément le plus à gauche et supprimez-le
Il y a aussi un journal avec la console commentée
Essayez-le

Answer 5

En utilisant l'animation CSS3, la position de départ est le côté gauche de l'élément et le côté droit de l'écran, et la position d'arrêt est le côté droit de l'élément et le côté gauche de l'écran.
Déplacez l'élément à la fin de l'animation.

Answer 6

Je l'ai déjà fait. Il est recommandé de le recouvrir de toile. Le dom sera toujours collé

.