JavaScript conocimiento sobre redes punto de JSON, JSONP

  1. códigos de estado HTTP común ¿Qué sabe usted? Describir el significado de los códigos estatales.
  1. 200, la solicitud se realiza correctamente, todo es normal, los datos de retorno éxito
  2. 301, redirección permanente se refiere al documento solicitado en otra parte; URI del nuevo documento se le dará la información de cabecera en respuesta al posicionamiento. El navegador se conectará automáticamente a la nueva URI.
  3. 302, redirección temporal, el código de estado indica que el recurso solicitado se le ha asignado un nuevo URI, el usuario deseado (actual) se puede utilizar para acceder al nuevo URI.
  4. 303, el código de estado indica los recursos debido a la presencia de otro URI correspondiente a la solicitud de recursos, utilizando el método GET deben ser dirigidas solicitud de adquisición
  5. 403, servidor de Foribidden entender esta petición, pero se niega a realizar la tarea, no tienen acceso
  6. 404, página recurso solicitado no encontrado No se puede encontrar, no hay es
  7. 503, el servidor no puede responder, debido al mantenimiento o el servidor está sobrecargado y no puede responder

 

2, la experiencia de varios dominios bajo qué circunstancias, para describir un procesamiento de front-end común a través de dominios de varias maneras. Y un principio paquete jsonp

A: El núcleo del navegador, las características básicas de seguridad son política del mismo origen. La limitación de un texto fuente o script cargado de otras fuentes de forma interactiva recursos, comprueba si homóloga cuando el navegador ejecuta un script, éste sólo se ejecutará homóloga, es decir, si es diversa en todos los dominios.

  1. El principio consiste en utilizar la etiqueta script desde las mismas restricciones de la política de origen, y se inserta de forma dinámica en un script de la página, el atributo src de la etiqueta de script es la dirección de la interfaz de gestión de la API, y la manera de conseguir el extremo frontal del nombre de la función de devolución de llamada dice: jsonp final, una corrección extremo posterior será devuelto en respuesta a la petición, y la parte posterior de transferencia de datos como un parámetro.
  2. CORS :( distribución de los recursos entre dominios) es un recurso para los mecanismos de dominio actuales se les permite a los scripts solicitud de acceso a otros dominios.

Al usar XMLHttpRequest enviar la petición, el navegador si se encuentran en violación de la política del mismo origen agregará automáticamente un encabezado de solicitud: origen, tras el back-end para determinar la respuesta después de recibir las solicitudes para unirse a una propiedad en encabezados de respuesta en: Access-Control- Deje origen, el valor está iniciando la dirección de origen de la solicitud, el navegador recibirá la respuesta para determinar si el valor de Access-control-Allow-origen y actual de la misma dirección, responde al tratamiento sólo después de un partido de éxito.

Los navegadores modernos y CORS apoyo extremos móviles, requeridos por IE 8+

  1. servidor de dominios cruzados, tránsito servidor proxy

La parte delantera envía una solicitud al servidor local, el servidor local en lugar del servidor front-end envía de nuevo una solicitud para la comunicación entre el servidor, el servidor local es un punto de la función de tránsito, a continuación, los datos de respuesta devueltos a la parte delantera.

 

3, cliente web de lo que debería ser la de optimizar el rendimiento del sitio

(1) reducir el volumen de la página, la carga de la actualización de la red

La compresión recurso estático combinado, (JS / css compresión código combinado, figura Sprite)

Almacenamiento en caché de recursos estáticos

CDN carga más rápido utilizando los recursos

  1. Optimización de la renderización de páginas

en la parte delantera css, js pusieron de nuevo

Lazy carga

Reducir dom operativo

 

  1. Lo almacenamiento de navegador, y describir sus diferencias.

galletas  Webstorage ( localStorage sessionStorage

Tamaño, fecha de caducidad, ya sea como http solicitud,

 

 

 

  1. Hablar de GET y POST peticiones

peticiones GET son caché del navegador activa, POST no lo hará, a menos que manualmente.

solicitud GET sólo puede codificarse como URL, y POST soporta codificación múltiple.

parámetros de la petición GET están intactos en el historial del navegador, y no se conservarán los parámetros POST.

solicitud GET transmitida en los parámetros de URL son de longitud limitada, sin la POST.

El tipo de datos del parámetro, GET acepta sólo caracteres ASCII, pero no hay post límite.

GET más seguro que la POST, ya que los parámetros expuestos directamente en la URL, no se pueden utilizar para transmitir información sensible.

GET parámetros pasados ​​a través de la URL, Solicitud cuerpo POST en su lugar.

GET genera un paquete TCP; generando el poste dos paquetes TCP. (La petición GET, el navegador http cabecera y los datos enviados juntos, la respuesta del servidor 200 (datos de rendimiento); para el puesto, el navegador transmite la primera cabecera, la respuesta del servidor 100 continúan, el navegador y luego transmite los datos, el servidor respuesta 200 OK (datos de rendimiento))

 

 

 

6,  el proceso termina de cargar la URL de la página de una página desde la entrada hasta tanto lo que pasó?

Cargando proceso:

Navegador resuelve en la dirección IP del nombre de dominio de acuerdo con servidor DNS

El envío de una solicitud HTTP a la máquina de IP

Servidor recibe, procesa y devuelve el HTTP

La solicitud del navegador para obtener los contenidos del retorno

El proceso de reciclaje:

La estructura de árbol DOM HTML generado

De acuerdo con CSS generado CSSOM

La forma DOM y CSSOM integrado RenderTree

Según la representación y visualización de inicio RenderTree

Encontradas <script>, ejecuta y bloques de representación

 

 

7, se dan cuenta de que sabes un conjunto de método de de-énfasis (mínimo de tres)

8 , TCP de tres vías con los cuatro agitando?

A dijo B: Número I x es, quiero que solicitó la conexión; (primer apretón de manos, el envío de un paquete SYN, y luego entra en el estado SYN-SEND)

Bank of America dijo después de la audiencia: Mi número es y, mirada adelante a su siguiente, entonces x + 1 es el número de (medios que recibieron número es x, entonces, que ACK = x + 1), acordó establecer una conexión. (Segunda apretón de manos, paquete ACK-SYN enviado, y luego entra en el estado SYN-RCVD)

Un ejemplo audiencia B acordó establecer una conexión con B dijo: ¿estás de acuerdo conmigo y confirmar la conexión (ACK = y + 1, ACK = 1, ss = x + 1). (Tercera apretón de manos, A ha entrado en el estado ESTABLECIDO)

A B Después de la confirmación de la audición, también entra en el estado ESTABLECIDO.

Cuatro de onda se describe:

Después de la conversación con 1.A B, A para poner fin a esta sesión, el B dije: Quiero cerrar la conexión (ss = u, FIN = 1). (Primera onda, A entra FIN-WAIT-1)

2.B dijo después de recibir el mensaje R: Asegúrese de que desea cerrar la conexión. (Seq = v, ack = u + 1, ACK = 1) (la segunda onda, B en el CLOSE-WAIT)

3.A después de recibir la confirmación de B, y así sucesivamente durante algún tiempo, ya que B podría tener algo que decirle. (Un caso entrar FIN-WAIT-2)

Después de que terminó 4.B decir (pero posiblemente diciendo), para A, quiero cerrar la conexión. (Seq = w, ack = u + 1, FIN = 1, ACK = 1) ( Third Wave)
5.A B después de recibir el mensaje de finalización para dicha conexión: off conexión se ha recibido el mensaje. (Seq = u + 1, ack = w + 1, ACK = 1) ( el cuarto de onda y, a continuación, entra en la A CERRADO) 6.B Una confirmación se recibe más tarde, en el

 

  1. La diferencia entre TCP y UDP

Transmission Control Protocol TCP

Protocolo de Datagrama de Usuario UDP

1, TCP orientado a la conexión (por ejemplo, se establece la conexión de acceso telefónico primera llamada), el UDP es sin conexión, es decir, sin establecer una conexión antes de enviar datos

2, TCP proporciona un servicio fiable. En otras palabras, la conexión de transferencia de datos de TCP, libre de errores, no se pierde, se repite, y llegan fuera de orden; UDP mejor esfuerzo, que no garantiza la entrega confiable

. 3, de bytes TCP y, de hecho, los datos del flujo de bytes TCP como una serie de no estructurado; para los paquetes UDP es

UDP sin control de la congestión, y por lo tanto no causa host de origen de la congestión de la red es reducir la velocidad de transmisión (útil para aplicaciones en tiempo real tales como telefonía IP, video conferencia en tiempo real, etc.)
4, cada conexión TCP sólo puede apuntar a punto, el apoyo UDP uno a uno, uno a muchos y muchos-a-muchos de comunicación interactiva

5, la cabecera TCP de 20 bytes de sobrecarga; pequeña sobrecarga cabecera UDP, sólo 8 bytes

6, un canal de comunicación lógica es TCP canal dúplex completo fiable, UDP es canal no fiable

 

  1. Lo que es http

HTTP es de transferencia de hipertexto taquigrafía Protocolo (Protocolo de Transferencia de Hipertexto), que es un protocolo de capa de aplicación del protocolo TCP / IP para el intercambio de datos entre las definiciones proceso del servidor web y el navegador WEB. El cliente se ha conectado al servidor web, si usted desea conseguir un servidor web de recursos web, sujeto a ciertas formato de comunicación, el protocolo HTTP se utiliza para definir el cliente y el formato de las comunicaciones del servidor web.

 

  1. Manera de alcanzar el nivel del elemento central

 

13, la diferencia entre HTTP y HTTPS

Para la transmisión de datos segura, HTTPS añadido sobre la base del protocolo HTTP SSL, SSL utiliza certificados para verificar la identidad del servidor y la comunicación cifrar entre el navegador y el servidor.

http protocolo de transferencia de hipertexto, la información se transmite sin cifrar, https se cifra con un protocolo de transferencia SSL de seguridad.

Http conexión es muy simple, es sin estado; se construye mediante el protocolo HTTPS SSL + HTTP protocolo de transmisión de cifrado, un protocolo de autenticación de red, el protocolo http que la seguridad.

 

1 4 Por la reordenación (reflujo) y se vuelve a dibujar? ¿En qué circunstancias desencadenarían la reordenación y vuelve a dibujar.

El navegador HTML en analizará DOM, CSS analiza en el CSSOM, DOM y fusión CSSOM dio lugar a Render árbol. Con RenderTree, sabemos que el estilo para todos los nodos, y luego calcular su tamaño y posición en la página, y, finalmente, extraemos el nodo en la página.

Retorno: proceso cuando el tamaño del árbol Render en parte o la totalidad de los elementos, estructuras, o ciertas propiedades cambio, el navegador volver a hacer parte o la totalidad del documento se hace referencia a reflujo.

Primera representación de la página

cambios de tamaño de la ventana del navegador

tamaño o posición del elemento de cambio

Los cambios en el contenido del elemento (número o cuadro de texto tamaño, etc.)

Cambiar el tamaño de fuente del elemento

Añadir o eliminar elemento DOM visibles

Cuando la página, cambiar el elemento de estilo no afecta a su posición en el flujo del documento (por ejemplo: color, color de fondo, la visibilidad, etc.), se le dará el navegador a los nuevos elementos de estilo y volver a dibujar ella, un proceso llamado re pintado.

Evitar patrón frecuente de las operaciones, la mejor de una sola vez anular el estilo, o una clase de cambio de una sola vez, evitar dom operación frecuente, los elementos con animaciones complejas utilizando posicionamiento absoluto, de modo que fluya fuera del documento, de lo contrario harán que los elementos elemento padre y posteriores con frecuencia reflujo.

Se han publicado 19 artículos originales · ganado elogios 58 · Vistas a 50000 +

Supongo que te gusta

Origin blog.csdn.net/cyg_l02/article/details/84945257
Recomendado
Clasificación