connaissances JavaScript sur les points réseau JSON, JSONP

  1. codes d'état HTTP commun Que savez-vous? Décrire la signification des codes d'état.
  1. 200, la demande réussit, tout est normal, les données de retour avec succès
  2. 301, redirection permanente fait référence au document demandé ailleurs, URI du nouveau document sera donné les informations d'en-tête en réponse au positionnement. Le navigateur se connecte automatiquement à la nouvelle URI.
  3. 302, redirection temporaire, le code d'état indique que la ressource demandée a été attribué un nouvel URI, l'utilisateur souhaité (présent) peut être utilisé pour accéder à la nouvelle URI.
  4. 303, le code d'état indique les ressources en raison de la présence d'un autre URI correspondant à la demande de ressources, en utilisant la méthode GET doit être dirigée demande d'acquisition
  5. 403, serveur Foribidden comprendre cette demande, mais refuse d'exécuter la tâche, n'ont pas accès
  6. 404, page not found ressource demandée ne peut être trouvé, il n'y a pas
  7. 503, le serveur ne peut pas répondre, en raison de la maintenance ou le serveur est surchargé et incapable de répondre

 

2, l'expérience inter-domaines dans quelles circonstances, pour décrire un traitement frontal commun à travers des domaines de plusieurs façons. Et un principe jsonp paquet

R: Le noyau du navigateur, les fonctions de sécurité de base sont politique d'origine. Limiter un texte source ou d'un script chargé à partir d'autres sources de manière interactive des ressources, il vérifie si homologue lorsque le navigateur exécution d'un script, le script sera exécuté uniquement homologue, qui est, si différentes sources à travers les domaines.

  1. Le principe est d'utiliser la balise de script à partir des mêmes restrictions de la politique d'origine, et dynamiquement inséré dans un script de page, l'attribut src de la balise de script est l'adresse de l'interface api back-end, et la façon d'obtenir l'extrémité avant du nom de la fonction de rappel indique: jsonp Finalement, une correction d'extrémité arrière sera retourné en réponse à la demande, et le dos de transfert de données en tant que paramètre.
  2. Le partage des ressources inter-domaines de CORS) est une ressource pour les mécanismes de domaine actuels sont autorisés aux scripts d'accès à la demande d'autres domaines.

Lorsque vous utilisez XMLHttpRequest envoyer la demande, le navigateur se trouve en violation de la règle d'origine ajoutera automatiquement un en-tête de demande: origine, après l'arrière-plan pour déterminer la réponse après avoir reçu des demandes de se joindre à une propriété en-têtes de réponse dans: Access-contrôle- Laissez-origine, la valeur lance l'adresse source de demande, le navigateur obtenir la réponse pour déterminer si la valeur de contrôle d'accès-allow-origine et le courant de la même adresse, réponse au traitement seulement après un match réussi.

Les navigateurs modernes et CORS de support d'extrémité mobile, nécessaires sous IE 8+

  1. serveur inter-domaines, le transit du serveur proxy

L'extrémité avant envoie une requête au serveur local, le serveur local au lieu du serveur frontal envoie à nouveau une demande de communication entre le serveur, le serveur local est un point de transit du rôle, alors les données de réponse renvoyés à l'extrémité avant.

 

3, Web frontal de ce qui devrait être d'optimiser les performances du site

(1) réduire le volume de la page, le chargement de la mise à niveau du réseau

La compression de la ressource statique combinée (compression de code combiné JS / css, Sprite figure)

Mise en cache des ressources statiques

charge CDN plus rapide en utilisant les ressources

  1. Optimisation de la page rendu

sur le devant css, js replacés

Lazy loading

Réduire dom exploitation

 

  1. Qu'est-ce que le stockage du navigateur, et décrire leurs différences.

biscuit  Webstorage ( localStorage sessionStorage

Taille, date d'expiration, que ce soit comme http demande,

 

 

 

  1. Parlez get et demandes post

les requêtes GET sont navigateur cache actif, POST ne sera pas, à moins que manuellement.

demande GET ne peut être URL encodée et POST prend en charge plusieurs encodage.

paramètres de la requête GET sont intactes dans l'historique du navigateur et les paramètres POST ne seront pas conservés.

demande GET transmis dans les paramètres d'URL sont longueur limitée, sans POST.

Le type de données du paramètre, GET accepte uniquement des caractères ASCII, mais il n'y a pas de limite POST.

GET plus sécurisé que POST, car les paramètres directement exposés sur l'URL, il ne peut pas être utilisé pour transmettre des informations sensibles.

les paramètres sont transmis via l'URL, demande POST corps en place.

GET génère un paquet TCP; générer les POST deux paquets TCP. (La demande GET, le navigateur HTTP en-tête et les données envoyées en même temps, la réponse du serveur 200 (données de retour); pour le poste, le navigateur transmet le premier en-tête, la réponse du serveur 100 continue, le navigateur émet ensuite les données, le serveur réponse 200 OK (données de retour))

 

 

 

6,  le processus fini de charger l'URL de la page d'une page de l'entrée à la fois ce qui est arrivé?

processus de chargement:

Navigateur résolu à l'adresse IP du nom de domaine selon serveur DNS

Envoi d'une requête HTTP à la machine IP

reçoit serveur, processus et renvoie le HTTP

La demande du navigateur pour obtenir le contenu de retour

Le processus de rendu:

L'arborescence DOM HTML généré

Selon CSSOM généré CSS

La forme intégrée DOM et CSSOM RenderTree

Selon RenderTree début rendu et l'affichage

Rencontrés <script>, l'exécution et des blocs de rendu

 

 

7, réalisez que vous connaissez un tableau de la méthode de désaccentuation (au moins trois)

8 , TCP poignée de main à trois voies avec les quatre agitant?

A dit B: nombre est I x, je veux que vous connexion demandée, (première poignée de main, l'envoi d'un paquet SYN, et puis bascule dans l'état SYN-SEND)

B de A dit après l'audience: Mon numéro est y, attendons avec impatience votre prochain, x + 1 est le nombre de (moyens qui ont reçu le numéro est x, alors que ack = x + 1), a accepté d'établir une connexion. (Poignée de main deuxième, paquet ACK-SYN envoyé, puis entre dans l'état SYN-RECU)

A dire audience B a décidé de créer une connexion à B dit: Est-ce que vous d'accord avec moi et confirmer la connexion (ack = y + 1, ACK = 1, seq = x + 1). (Poignée de main Troisièmement, est entré dans l'état ESTABLISHED)

A B Après confirmation de l'audition, entre également l'état ESTABLISHED.

quatre ondes est décrit:

Après la conversation avec 1.A B, A mettre fin à cette session, le B dit: Je veux fermer la connexion (seq = u, FIN = 1). (Première vague, A pénètre FIN-WAIT-1)

2.B dit après avoir reçu le message A: Assurez-vous que vous souhaitez fermer la connexion. (Seq = v, ack = u + 1, ACK = 1) (la seconde vague, B dans la CLOSE-WAIT)

3.A après avoir reçu la confirmation de B, et ainsi de suite pendant un certain temps, parce que B pourrait avoir quelque chose à lui dire. (Un cas entrer FIN-WAIT-2)

Après avoir fini 4.B à dire (mais peut - être dire), A, je veux fermer la connexion. (Seq = w, ack = u + 1, FIN = 1, ACK = 1) ( Third Wave)
5.A B après avoir reçu le message d'achèvement à ladite connexion: hors connexion a été reçu un message. (Seq = u + 1, ack = w + 1, ACK = 1) ( la quatrième onde, et pénètre ensuite dans la A CLOSED) 6.B Une confirmation est reçue plus tard, dans le

 

  1. La différence entre TCP et UDP

TCP Transmission Control Protocol

UDP User Datagram Protocol

1, la connexion TCP orienté (par exemple, est tout d'abord appel a établi une connexion d'accès à distance), l'UDP est sans connexion, à savoir, sans établir une connexion avant l'envoi des données

2, TCP fournit un service fiable. En d'autres termes, la connexion de transfert de données de TCP, sans erreur, pas perdu, pas répéter, et arriver hors service, UDP meilleur effort, qui ne garantit pas une livraison fiable

. 3, le flux d'octets TCP et, en fait, les données de flux d'octets TCP comme une série de non structurée, car les paquets UDP est

UDP aucun contrôle de la congestion, et n'a donc pas la cause hôte source de congestion du réseau est de réduire le taux de transmission (utile pour les applications en temps réel telles que la téléphonie IP, la visioconférence en temps réel, etc.)
4, chaque connexion TCP ne peut point à point, le soutien UDP un à un, un à plusieurs, et beaucoup à beaucoup de communication interactive

5, en-tête TCP de 20 octets de surcharge; petite tête d'en-tête UDP, seuls les octets 8

6, un canal de communication logique est fiable canal duplex intégral TCP, UDP est peu fiable canal

 

  1. Qu'est-ce que http

HTTP est HyperText Transfer Protocol raccourci (Hypertext Transfer Protocol), qui est un protocole protocole de couche d'application de protocole TCP / IP pour l'échange de données entre des définitions de processus serveur Web et le navigateur Web. Le client est connecté au serveur Web, si vous voulez obtenir un serveur web de ressources web, sous réserve de certains format de communication, HTTP protocole est utilisé pour définir le client et le format de communication du serveur web.

 

  1. Way pour atteindre le niveau de l'élément central

 

13, la différence entre HTTP et HTTPS

Pour la transmission de données sécurisée, HTTPS ajoutée sur la base du protocole SSL HTTP, SSL utilise des certificats pour vérifier l'identité du serveur et de la communication Crypter entre le navigateur et le serveur.

http protocole de transfert hypertexte, les informations sont transmises en clair, https est crypté avec un protocole de transfert de ssl de sécurité.

connexion Http est très simple, est apatride, est construit par le protocole HTTPS SSL + HTTP protocole de transmission cryptée, un protocole d'authentification réseau, le protocole http que la sécurité.

 

1 4 Qu'est - ce réarrangement (reflux) et est redessinée? Dans quelles circonstances déclencheraient la réorganisation et redessinée.

Le navigateur analyse syntaxique HTML dans le DOM, CSS analysé dans le CSSOM, DOM et fusion CSSOM a donné lieu à Render Tree. Avec RenderTree, nous savons que le style pour tous les nœuds, puis calculer leur taille et leur position sur la page, et enfin tirer le nœud sur la page.

Retour: processus lorsque la taille de l'arbre de rendu en tout ou partie des éléments, des structures, ou certains changements de propriétés, le navigateur réengendrer une partie ou la totalité du document visé au reflux.

rendu Première page

modifications du navigateur taille de la fenêtre

Changer la taille ou la position de l'élément

Les changements dans le contenu des éléments (nombre texte ou taille de l'image, etc.)

Modifier la taille de la police de l'élément

Ajouter ou supprimer élément DOM visible

Lorsque la page, changer l'élément de style n'affecte pas sa position dans le flux du document (par exemple: couleur, fond couleur, visibilité, etc.), le navigateur sera donnée aux nouveaux éléments de style et redessiner, un processus appelé re peint.

Évitez schéma des opérations fréquentes, le meilleur temps passer outre le style, ou une classe de changement unique, éviter dom fonctionnement fréquent, les éléments avec des animations complexes en utilisant le positionnement absolu, de sorte qu'il coule du document, sinon il fera les éléments de l'élément parent et les suivants fréquemment reflux.

Publié 19 articles originaux · louange gagné 58 · vues + 50000

Je suppose que tu aimes

Origine blog.csdn.net/cyg_l02/article/details/84945257
conseillé
Classement