Maison >interface Web >js tutoriel >Comparaison de plusieurs façons pour le front-end d'obtenir des informations de session

Comparaison de plusieurs façons pour le front-end d'obtenir des informations de session

巴扎黑
巴扎黑original
2017-07-18 18:24:495986parcourir

Pendant le développement, la page js rencontre souvent des endroits où les informations de l'utilisateur actuellement connecté (autorisations de menu, informations utilisateur de base, informations de configuration) sont requises. De manière générale, nous ne nous soucions peut-être pas trop de la façon de le faire. obtenez ces informations, mais le front-end actuel est packagé via webpack Même si le fractionnement du code est effectué, les fichiers js et css sont toujours très volumineux.

Dans le cas du premier chargement, il y a une certaine marge d'optimisation. Ce qui suit présente principalement quelques moyens d'obtenir des informations. L'interface utilise des données simulées et l'interface d'acquisition de session est réglée sur un délai de 1 seconde. Les données suivantes sont toutes des données chargées pour la première fois, quelle que soit la situation 304.

Sujet d'apprentissage du site Web chinois php : session php (comprenant des images, des vidéos, des cas)

1. Après la fin paramètres du programme, code js direct, méthode d'écriture de variable globale

Le navigateur accède à app.do, le programme backend répond, obtient les informations utilisateur InitData, obtient le texte app.html renvoyé et écrit les informations utilisateur < script> ; InitData = {user: {}}; Écrivez à l'emplacement correspondant en HTML et revenez au navigateur

[Problème]

a. app.html text ---→ Retour au navigateur, et le navigateur charge d'autres ressources statiques ----> processus de chargement html

b. chaque utilisateur est différent, il n'y a aucun moyen d'utiliser le mécanisme de mise en cache du navigateur 304

2. La page est chargée de manière synchrone via