URL a una página que muestra la entrada, que se produjo en medio de qué?

Cuando el entrevistador le preguntó, ¿podría por favor decirme "URL para la visualización de la página de la entrada, que se produjo en medio de qué?"

El viejo mí es el tipo de respuesta:

Después de introducir la dirección URL, el servidor inicia una solicitud, si tiene éxito, a continuación, obtener la respuesta de la red, el navegador analiza el recurso, y, finalmente, la hacen en la página.

Los pasos específicos:

1. primera solicitud de acumulación

2. Encuentra la caché, si el aciertos de caché, el uso directo de los recursos de caché

3. De lo contrario, la resolución de DNS, convierte los nombres de dominio en la dirección IP correspondiente

4. Establecer una conexión TCP

5. Enviar una petición HTTP

6. Si obtiene éxito la respuesta de la red, el navegador se inicia el análisis y la representación

7. HTML intérprete analiza el HTML en un árbol DOM

8. Mientras tanto intérprete analiza CSS hojas de estilo CSS documento

9. Crear un diseño de árbol, cálculo del esquema

10. capa de integración, página muestran

A primera vista, parece nada malo, pero el problema es que, si el entrevistador para hacer preguntas a un punto que podría cambiar automáticamente a una cara de signo de interrogación negro, o un [solo] a cualquier mujer de rendimiento silencio.

Pero no, después de enterarse del "principio de funcionamiento y la práctica de del navegador" otro material de referencia maestro Bing curso y, si nos encontramos con el entrevistador le preguntó, creo que puedo mantener una elegante sonrisa.

conocimiento adicional

Procesos e hilos

• El proceso es la asignación de recursos más pequeña unidad de CPU (la unidad más pequeña es capaz de tener los recursos y ejecutar de forma independiente);
• Un hilo es la unidad más pequeña de planificación de la CPU (hilos es establecer un programa que se ejecuta sobre la base de procesos unitarios en).

arquitectura multiproceso de Chrome

La última versión del navegador Chrome incluye:

• Un navegador (browser) proceso principal
• Un proceso (de red) de red
• Un Proceso de GPU
• proceso de representación múltiple
• plug-in proceso múltiple

Estos procesos funcionan:

proceso del explorador:

• Es principalmente responsable de la interfaz de pantalla, la interacción del usuario, gestión de procesos niño, mientras que proporciona almacenamiento y otras funciones.

procesos de red:

• Los recursos de red son los principales responsables de la página a la carga antes de ejecutar como un módulo dentro del proceso del navegador, sólo recientemente independiente, para convertirse en un proceso separado.

El proceso de reciclaje:

• La tarea principal es la de convertir HTML, CSS y JavaScript para que el usuario puede interactuar con la página de motor de diseño del motor JavaScript V8 y Blink se están ejecutando en el proceso, de forma predeterminada, Chrome crear un proceso de renderización para cada etiqueta Tab. Por razones de seguridad, el proceso de renderizado se ejecuta en un modo de recinto.

proceso de GPU:

• Cuando Chrome fue lanzado ningún proceso que comienza la GPU. La intención original era utilizar la GPU para desplegar efectos CSS 3D, pero luego a la página, Chrome interfaz de la interfaz de usuario se seleccionan mediante el procesamiento de GPU, lo que hace que la GPU convertido en requisitos de navegador popular. Por último, Chrome en su arquitectura multi-proceso también introduce proceso de GPU.

Plug-in de proceso:

• El principal responsable de ejecutar los complementos, complementos y fácil debido al colapso, por lo que es necesario aislar los plug-ins a través del proceso para asegurar que el plug-in bloquea el proceso no afectará el navegador y la página.

URL a una página que muestra la entrada, que se produjo en medio de qué?

Con un poco de conocimiento adicional, podemos examinar esta cuestión, el URL a la visualización de la página, lo que puede ser descrito como el medio del proceso es muy complejo a partir de una entrada de usuario, voy a navegar el proceso y los procesos de prestación de explicar, hombre de pocas palabras, dijo, directamente en el diagrama de flujo.

etapa de navegación

Un proceso de navegación sustancialmente completa se puede resumir de la siguiente manera:

1. URL e introduzca una entrada de usuario;
2. Navegador de procesar cheques url, montaje de acuerdo para formar una URL completa;
3. Entre los procesos del navegador de comunicación (IPC) para procesar la solicitud de red a la url;
4. Después de recibir la red procesa la petición de URL de verificación si la caché caché local del recurso solicitado, si el recurso se devuelve al proceso del navegador;
5. De lo contrario, buscar la caché DNS existencia, y si no, la primera resolución de DNS, de solicitud de dirección IP al servidor para obtener el nombre de dominio correspondiente;
6. La determinación de si el protocolo de petición es HTTPS, si es así, la necesidad de establecer una conexión TLS;
7. De lo contrario, se establece una conexión directa TCP, el cliente a través de un enlace de tres vías para establecer una conexión con el servidor;
8. Navegador envía una petición HTTP al servidor;
9. Después de que el servidor recibe la información de petición, genera datos de respuesta de acuerdo con la información de petición, procesos de red distribuidos;
10. procesos de red analizan los datos de respuesta;
11. Si el código de estado de respuesta información de la fila salto incluye una clase 301, el navegador la dirección del campo de cabecera de respuesta Location, empalme y saltar, continuar navegando, si la línea de respuesta 200, el navegador puede continuar mostrando procesar la solicitud;
12. Si el valor del campo Content-Type se juzga navegador para descargar el tipo, la solicitud se presentará al director navegador descarga, mientras que el proceso de navegación solicitud de URL a su fin. Pero si se trata de HTML, el navegador va a continuar para navegar el proceso.
13. proceso de asignación para que el navegador muestre la página. Abra la estrategia de proceso de rendir una nueva página utilizando es: En circunstancias normales, abrir una nueva página utilizará un proceso de representación separada; si se abre la página B desde una página, y A y B pertenecen a la misma página, la página entonces B Un múltiplex el proceso de reciclaje de la página; si otros casos, el proceso del navegador va a crear un nuevo proceso de renderizado es B.
14. cuestiones relativas al proceso del navegador un mensaje "para enviar documentos" para el proceso de renderizado, el proceso de renderización para recibir, procesar y establecer una red de "tubo" a los datos de transmisión. Después de la transferencia de datos documento sea completa, el proceso de renderizado devolverá el mensaje de "confirmar a enviar" para el proceso de navegador. proceso del navegador después de recibir el mensaje "Confirmar Enviar", el estado de la interfaz del navegador actualizado, incluyendo la seguridad del estado, barra de direcciones URL, hacia adelante y hacia atrás la historia del estado, y las páginas Web de actualización.

la etapa de representación

Un proceso de representación completa puede resumirse ampliamente como sigue:

1. El contenido HTML convertidos proceso de renderización para poder leer la estructura de árbol DOM.
2. La hoja de estilo CSS motor de renderizado en el navegador hojas de estilo comprensible, nodo DOM estilo calculado.
3. Crear el árbol de diseño, y calcula diseño elementos de información.
4. la distribución de árbol jerárquico, y la generación de un árbol jerárquico.
5. Dibuje una lista generada para cada capa, y presentarlo al hilo sintético.
6. Síntesis de la capa de hilos en baldosas, y la piscina rasterización azulejos hilo en un mapa de bits.
7. Hilo sintético envía comandos de dibujo DrawQuad para bloquear el proceso de navegador.
8. proceso del navegador genera páginas de acuerdo mensaje DrawQuad y se visualiza en el monitor.

Aquí, un gran servicio y no rodaron juntos. El entrevistador puede continuar a hacer más preguntas N, sólo está bien preparado, no parecerá tan humilde el proceso de entrevista.

Por otra parte, un problema será capaz de entender a fondo, sino que también nos puede ayudar a mejorar el cumplimiento de los trabajos futuros, después de todo, estamos ante algo más que una entrevista.

Seguir pidiendo el entrevistador

El entrevistador continuó diciendo: Sí, para este proceso es la comprensión macro, que yo voy a visitar a un conocimiento específico pocos de él!

Navegador relacionados

• ¿Por qué tantos sitios abiertos segunda velocidad rápidamente?
• Cómo registrar el estado se mantiene?
• mecanismos de ejecución de JavaScript temas relacionados en el navegador
• ...

Referencia: "Teoría y Práctica de su navegador '

protocolo TCP

• Se puede hablar de la de tres vías y de cuatro ondas
• ...

Referencia: pedir a Dios protocolo alma ternaria --tcp

Entrevistador, no me pida cuatro veces y agitó enlace de tres vías

protocolo HTTP

• Por favor díganos qué códigos de estado HTTP
• Aprender HTTP / 2 Do? ¿Qué mejoras en comparación con el anterior acuerdo tiene?
• ...

Referencia: Q HTTP alma

la optimización del rendimiento de front-end

• Háblenos de su caché del navegador
• ¿Cuál es el almacenamiento local del navegador que?
• Repintado entender cómo va a devolver?
• En respuesta a todo este proceso, se le ha ocurrido que podemos para optimizar el rendimiento en qué áreas de TI?
• ...

Referencia: "front-end teoría y la práctica de optimización del rendimiento"

Donde el conocimiento en cuestión es realmente demasiado, que realmente necesita el sistema de estudio en profundidad, pero en este trabajo la cuarta temporada de oro, tres de plata, y si preparamos bastante tarde, se puede recoger algunos puntos de conocimiento, como la relacionada con el HTTP, el rendimiento de front-end optimización de la investigación en profundidad, así como TCP de tres vías protocolo de enlace y cuarto de onda, que ciertamente no puede escapar, otros arreglos puede volver a poner postergar el aprendizaje, si no se le preguntó, se puede decir sin o simplemente para entender, recuerde que debe mantener la sonrisa.