angulaire.js - instabilité du contenu de rendu vue/react
滿天的星座2017-05-15 17:06:43
0
3
727
vue/react/angular framework, etc. Lors du rendu des données, la page tremble, donnant aux utilisateurs un sentiment hostile. Comment éliminer cette gigue ?
La première méthode consiste à placer à l'avance une invite de chargement dans la zone rendue, à masquer/supprimer le chargement après le rendu et à afficher le contenu normal.
La deuxième méthode consiste à donner aux données une valeur initiale, qui peut prendre en charge le style de la page, puis à la remplacer après l'avoir obtenue.
La transformation de la deuxième méthode part du CSS, de sorte que la partie non rendue puisse être affichée et que la structure soit cohérente avec celle après le rendu, seules les données correspondantes sont modifiées et la structure de la page n'est pas modifiée. .
En plus de la solution de la première réponse, vous pouvez également envisager l'isomorphisme. Reactjs fournit une telle solution. La sortie de nodejs est la page formée. Le client n'a pas besoin de restituer une fois, et il n'y a pas de problème. de clignoter.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
La première méthode consiste à placer à l'avance une invite de chargement dans la zone rendue, à masquer/supprimer le chargement après le rendu et à afficher le contenu normal.
La deuxième méthode consiste à donner aux données une valeur initiale, qui peut prendre en charge le style de la page, puis à la remplacer après l'avoir obtenue.
La transformation de la deuxième méthode part du CSS, de sorte que la partie non rendue puisse être affichée et que la structure soit cohérente avec celle après le rendu, seules les données correspondantes sont modifiées et la structure de la page n'est pas modifiée. .
Utilisez
ng-cloaketv-cloak, je n'ai aucune expérience avec React donc je ne sais pas.En plus de la solution de la première réponse, vous pouvez également envisager l'isomorphisme. Reactjs fournit une telle solution. La sortie de nodejs est la page formée. Le client n'a pas besoin de restituer une fois, et il n'y a pas de problème. de clignoter.