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
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
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
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.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
Utiliser une animation CSS3 ?
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
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
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.
Je l'ai déjà fait. Il est recommandé de le recouvrir de toile. Le dom sera toujours collé
.