В этой серии статей в основном изучаются точки знаний, связанные с HTML5, принимают точки знания API обучения в качестве точки входа и вводят примеры от мелкого до глубокого, чтобы каждый мог понять, что H5 может делать шаг за шагом и как использовать его рационально в реальных проектах для достижения свободы и идеального контроля o (∩_∩) o ~
1. Вступительный анализ
Хорошо, не говоря, не говоря уже о чушь, давайте перейдем прямо в сегодняшнюю тему. Сегодня мы в основном говорим об историческом API и его роли в приложениях на одностраничных страницах и представим практический пример в качестве примера прототипа для объяснения. Давайте сначала посмотрим на историю API:
Чтобы улучшить скорость отклика веб-страниц, все больше и больше разработчиков начали принимать одностраничные решения для приложений. Так называемая одностраничная структура относится к тому факту, что при переключении между несколькими страницами вся страница не обновляется, данные отображения страницы обновляются, а URL-адрес в адресной строке соответственно изменяется, так что пользователи могут поделиться этим URL.
Если вы используете браузеры, такие как Chrome или Firefox, для посещения github.com, plus.google.com, и тщательно вы обнаружите, что щелчки между страницами просят асинхронно через Ajax.
В то же время, URL -адрес страницы изменился. И он может очень хорошо поддерживать браузер и назад. Что такие мощные функции? Ну, это будет говорить о сегодняшнем главном герои. HTML5 цитирует новый API:
ИСТОРИЯ.pushstate и History.Replacestate используются для изменения URL -адреса страницы без обновления через этот интерфейс. Давайте посмотрим на подробный интерфейс методов истории:
Скопировать код