Questões de entrevista
O que acontece depois de inserir um endereço na barra de endereços do navegador e pressionar a tecla Enter?
Resposta de referência:
- O navegador completa automaticamente o protocolo e a porta
- O navegador conclui automaticamente a codificação do URL
- O navegador pesquisa o cache local de acordo com o endereço URL e verifica se o cache foi atingido de acordo com as regras de cache.Se o cache for atingido, o cache será usado diretamente e nenhuma solicitação será feita novamente.
- Encontre o endereço IP do servidor através da resolução DNS
- O navegador envia uma solicitação ao servidor para estabelecer uma conexão TCP. Após completar o handshake triplo, o canal de conexão é estabelecido.
- Se o protocolo HTTPS for utilizado, um handshake SSL também será realizado para estabelecer um canal criptografado. Ao usar um handshake SSL, é determinado se HTTP2 é usado
- O navegador decide quais cookies incluir nos cabeçalhos da solicitação
- O navegador define automaticamente o cabeçalho da solicitação, a versão do protocolo e o cookie e emite uma solicitação GET.
- O servidor processa a solicitação e entra no processo de processamento back-end. Após concluir o processamento, o servidor responde com uma mensagem HTTP ao navegador.
- O navegador decide se deseja manter a conexão TCP com base na versão do protocolo usada e na convenção do campo Conexão.
- O navegador determina como lidar com essa resposta com base no código de status da resposta.
- O navegador identifica o tipo de resposta com base no campo Content-Type no cabeçalho da resposta. Se for texto/html, ele executa a análise HTML no conteúdo do corpo da resposta, caso contrário, realiza outro processamento.
- O navegador conclui as configurações de cache e cookies com base em outro conteúdo no cabeçalho de resposta.
- O navegador começa a analisar o HTML de cima para baixo. Se encontrar um link de recurso externo, ele solicitará ainda mais o recurso.
- Durante o processo de análise, uma árvore DOM e uma árvore CSSOM são geradas e, em seguida, mescladas em uma árvore de renderização (árvore de renderização) durante a geração, em seguida, calculam a posição e o tamanho (refluxo) de cada nó na árvore de renderização e, finalmente, usam cada GPU do nó desenha na tela (repintar)
- Uma série de eventos também será acionada durante o processo de análise. Quando a árvore DOM for concluída, o evento DOMContentLoaded será acionado. Quando todos os recursos forem carregados, o evento de carregamento será acionado.