pushState和popState是HTML5新增的兩個方法，用于實現瀏覽器歷史記錄的管理和更新。
pushState方法的作用是向瀏覽器歷史記錄中添加一條新的記錄，并且改變當前的URL。它接受三個參數：state，title，url。state表示要添加到歷史記錄中的狀態對象，title表示新記錄的標題（在大多數瀏覽器中沒有實際作用），url表示新記錄的URL。
popState方法的作用是在用戶點擊瀏覽器前進或后退按鈕時，觸發相應的事件，并且獲取到相關的歷史記錄信息。當用戶點擊前進或后退按鈕時，瀏覽器會觸發popstate事件，并且把相關的歷史記錄信息傳遞給popstate事件的回調函數。
pushState和popState的實現原理可以簡單描述為：
當調用pushState方法時，瀏覽器會添加一條新的歷史記錄，并且改變當前的URL，但不會觸發頁面的刷新。這個新的歷史記錄包含了pushState方法的參數state、title和url的值。
當用戶點擊瀏覽器的前進或后退按鈕時，瀏覽器會觸發popstate事件，并且把相關的歷史記錄信息傳遞給popstate事件的回調函數。這個歷史記錄信息包含了pushState方法的參數state、title和url的值。
開發者可以在popstate事件的回調函數中獲取到歷史記錄信息，并且根據這些信息進行相應的操作，例如更新頁面內容。
需要注意的是，pushState和popState方法只是用于管理和更新瀏覽器的歷史記錄，并且改變URL，但不會觸發頁面的刷新。開發者可以在popstate事件的回調函數中根據歷史記錄信息，手動更新頁面內容。
