Esta série de artigos aprende principalmente pontos de conhecimento relacionados ao HTML5, leva os pontos de conhecimento da API de aprendizado como ponto de entrada e apresenta exemplos de rasos a profundos, para que todos possam entender o que o H5 pode fazer passo a passo e como usá-lo racionalmente em projetos reais para alcançar a liberdade de uso e controlar perfeitamente o (∩_∩) o ~
1. Análise de abertura
Ok, sem dizer muita bobagem, vamos diretamente ao tópico de hoje. Hoje, conversamos principalmente sobre a API da história e seu papel em aplicativos de página única e introduziremos um exemplo prático como um exemplo de protótipo para explicação. Vamos dar uma olhada na API da história primeiro:
Para melhorar a velocidade de resposta das páginas da Web, mais e mais desenvolvedores começaram a adotar soluções de aplicativos de uma página única. A chamada estrutura de página única refere-se ao fato de que, ao alternar entre várias páginas, a página inteira não é atualizada, os dados de exibição da página são atualizados e o URL na barra de endereços é alterado de acordo, para que os usuários possam compartilhar esse URL.
Se você usar navegadores como o Chrome ou o Firefox para visitar o github.com, plus.google.com e cuidadosamente você descobrirá que os cliques entre as páginas são solicitados de forma assíncrona através do Ajax.
Ao mesmo tempo, o URL da página mudou. E pode suportar o navegador para frente e para trás muito bem. O que tem funções tão poderosas? Bem, isso falará sobre o protagonista de hoje. Html5 cita uma nova API:
history.pushState e History.Replacestate são usados para alterar o URL da página sem atualizar através dessa interface. Vamos dar uma olhada no método detalhado de interface de história:
Copie o código