前端Bubucuo 精通Router系列
2023-08-01 21:54 作者:bili_34604920956 | 我要投稿
Hash Router
這種路由在跳轉(zhuǎn)的時候只有路徑的哈希值在發(fā)生變化,而頁面并沒有重新加載,只是跳轉(zhuǎn)到了當前頁面哈希指定的狀態(tài),后退的時候也是跳到了上一個哈希狀態(tài),整個頁面不會刷新,最早做單頁應(yīng)用的時候就是通過哈希的路由來模擬瀏覽器自帶的路由 ,是我們實現(xiàn)單頁應(yīng)用使用的最早的技術(shù),它的兼容性頁不錯
H5 Router
它在 JS 的 history 對象提供了新的方法,用來手動的在路由歷史里創(chuàng)建一個新值,點擊瀏覽器后退按鈕時,還可以通過 H5 Rounter 提供的事件處理截獲瀏覽器后退按鈕觸發(fā)的事件,保證在模擬路由的同時不做頁面的跳轉(zhuǎn),這樣才能完成單頁應(yīng)用的要求,它相對哈希路由而言,能操作整個路徑,它的功能是和 哈希路由類似的,只不過哈希路由操作的是哈希,而這個 H5 Rounter 它既能操作哈希,也能操作路徑,但因為它是 H5 提出來的,所以它的兼容性相比哈希路由差一些
標簽: