Maintenant, j'utilise simplement le framework pour écrire SPA sur le front-end, puis je traite simplement les données liées à la base de données en arrière-plan et je transmets les données via une API reposante avant et après. Quant à ces rendus, je n'en ai aucune idée.
Le rendu dit côté serveur fait référence à la génération de fichiers HTML en arrière-plan et à leur transmission au front-end. Qu'en est-il de React et Vue qui introduisent le DOM virtuel ?
Que signifie le rendu frontal ? Analyser du HTML pour générer une arborescence DOM, puis dessiner la page ?
Le rendu front-end et le rendu côté client signifient la même chose, n'est-ce pas ?
Quels sont les scénarios d'application pour le rendu front-end et le rendu côté serveur ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
C'est difficile à expliquer clairement en quelques mots, vous pouvez vous référer au lien ci-dessous :
Rendu front-end et rendu back-end
Quelles sont les différences entre le rendu back-end html, le rendu de modèle front-end html et jquery HTML ?
Lecture intensive sur le débat entre rendu front-end et back-end
Premier rendu, ici vous ne devez assembler que data et template en HTML.
Dans le cas de séparation front-end et back-end plus SPA, en plus de rediriger les requêtes avec authentification sur le chemin critique, la logique générale de routage du back-end est partagée par le front-end et le front-end, et une partie de la logique de traitement est également partagée par le front-end et le back-end. L'extrémité fournit une interface de données, et la logique de traitement des données liée à l'interface est unique au back-end.
Dans le scénario SPA
Le rendu côté serveur concerne la première requête get, utilisée pour produire du HTML complet sur le navigateur, et le navigateur affiche directement le premier écran.
Le rendu côté client concerne les changements d'état du client, la demande de données et la réalisation de modifications locales du DOM (la zone locale peut être aussi grande que le corps entier).
react/vue Dans ce scénario, le serveur convertit uniquement jsx/template en html, et le client coordonne la synchronisation entre le dom virtuel et le dom réel en fonction des changements d'accessoires/d'état.
Dans le scénario traditionnel de séparation front-end et back-end,
le back-end est responsable du rendu du code HTML complet, et le front-end js est responsable de la modification de quelques animations de texte et autres après interaction. Il n'y a pas de rendu frontal.
Avis :
Le dom virtuel n'existe que sur le front-end et est utilisé pour coordonner les différences entre le dom virtuel et le dom réel et minimiser les mises à jour du dom réel.
Le rendu frontal fait référence à l'analyse des données et des modèles et à la génération du DOM. Identique au backend.
Oui, même sens, dans le scénario web.
Rendu front-end : je ne veux pas demander au serveur de régénérer toute la scène dom à chaque fois qu'il y a un petit changement. Rendu côté serveur : dans la plupart des scénarios, le scénario extrême est celui où js est désactivé côté client. Pour les scénarios où seul le rendu front-end est utilisé, on estime que la structure de l'entreprise ne permet pas le rendu de React/Vue (le serveur de nœuds n'a pas encore été déployé). Habituellement, il existe à la fois un rendu front-end et back-end.
Une mauvaise habitude dans l’industrie informatique est de créer un terme sophistiqué pour ne pas connaître les détails spécifiques :
Rendu back-end : avant que le programme back-end ne crache la page HTML vers le front-end, il remplit d'abord des zones spécifiques et des symboles spécifiques sur la page HTML avec des données, puis les envoie au front-end. Rendu back-end. Le soi-disant rendu, vous Cela peut être compris comme une modification. Le mot rendu vient d'abord du domaine des jeux, et le domaine des jeux provient de la peinture réelle. . Dans le passé, la plupart des serveurs étaient dans ce mode
Rendu front-end : La page html back-end existe sous forme de fichier statique Lorsque le front-end le demande, le back-end n'apporte aucune modification de contenu au fichier et le renvoie directement au front-end dans le fichier. sous forme de ressources. Une fois que le front-end a obtenu la page, il la restituera en fonction du contenu écrit sur la page html pour modifier (peindre) le contenu du html. C'est le rendu frontal