Habituellement, le backend gère l'affichage du carré, mais cela dépend toujours des besoins spécifiques. Renvoyer de telles vignettes carrées à partir du backend peut accélérer l'affichage de la liste, mais si vous souhaitez afficher les détails, vous visiterez à nouveau. Cependant, comme il est impossible de cliquer sur chaque vignette, il est préférable de la traiter par le backend. afficher des vignettes, mais c'est également possible si le back-end ne les fournit pas. Vous pouvez directement obtenir les images originales et les afficher sur le front-end, mais le chargement peut être plus lent et consommer plus de trafic à la fois. affichant une grande image, il n’est pas nécessaire de la charger deux fois. Les détails dépendent de la considération globale.
Le côté serveur fournit deux ensembles d'images, un ensemble de miniatures mises à l'échelle et recadrées selon un rapport carré, et un ensemble d'images originales. Les miniatures sont utilisées pour la grille à neuf carrés et les images originales. permettent de visualiser la grande image après avoir cliqué.
Le serveur fournit uniquement l'image originale, et le client télécharge l'image originale localement, la coupe selon le rapport carré (le rapport est basé sur la résolution spécifique de l'écran) et remplit la grille de neuf carrés. la fonction de la grande image est la même que ci-dessus.
La méthode raisonnable devrait être la première solution. La taille de la vignette est petite, la transmission est rapide et l'expérience utilisateur sera meilleure.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Habituellement, le backend gère l'affichage du carré, mais cela dépend toujours des besoins spécifiques. Renvoyer de telles vignettes carrées à partir du backend peut accélérer l'affichage de la liste, mais si vous souhaitez afficher les détails, vous visiterez à nouveau. Cependant, comme il est impossible de cliquer sur chaque vignette, il est préférable de la traiter par le backend. afficher des vignettes, mais c'est également possible si le back-end ne les fournit pas. Vous pouvez directement obtenir les images originales et les afficher sur le front-end, mais le chargement peut être plus lent et consommer plus de trafic à la fois. affichant une grande image, il n’est pas nécessaire de la charger deux fois. Les détails dépendent de la considération globale.
Les deux méthodes peuvent être réalisées
Le côté serveur fournit deux ensembles d'images, un ensemble de miniatures mises à l'échelle et recadrées selon un rapport carré, et un ensemble d'images originales. Les miniatures sont utilisées pour la grille à neuf carrés et les images originales. permettent de visualiser la grande image après avoir cliqué.
Le serveur fournit uniquement l'image originale, et le client télécharge l'image originale localement, la coupe selon le rapport carré (le rapport est basé sur la résolution spécifique de l'écran) et remplit la grille de neuf carrés. la fonction de la grande image est la même que ci-dessus.
La méthode raisonnable devrait être la première solution. La taille de la vignette est petite, la transmission est rapide et l'expérience utilisateur sera meilleure.