鍍金池/ 問答/HTML/ 訪問路徑問題URL中帶 /#/什么原理?

訪問路徑問題URL中帶 /#/什么原理?

比如阿里云控制臺部分的URL帶/#/,這樣做原理是什么,比較好奇?

回答
編輯回答
未命名

1、實(shí)現(xiàn)無刷新切換頁面;
2、并且兼容不支持history api的舊瀏覽器;
3、當(dāng)你利用這個(gè)帶hash的URL刷新頁面后,能夠根據(jù)這個(gè)hash恢復(fù)到刷新前的狀態(tài)。

更典型的一個(gè)例子就是網(wǎng)易云音樂的網(wǎng)頁版,你會發(fā)現(xiàn),播放音樂的時(shí)候,即使你切換頁面,音樂的播放也不會被中斷。

2018年2月11日 06:31
編輯回答
憶往昔

hash 定位

2018年1月6日 03:51
編輯回答
安淺陌

阿里云控制臺沒有研究過,上次接觸還是一年前,當(dāng)時(shí)感覺這控制臺用戶體驗(yàn)很渣。

這里只說一下#在url中的用法:

先上參考資料:http://blog.httpwatch.com/201...

之后給個(gè)結(jié)論:#是用來指導(dǎo)瀏覽器動作的,#后面的請求一般不會發(fā)送到服務(wù)器端,而是給瀏覽器使用的。

可以這么理解,?=后面的參數(shù)是專門給服務(wù)器端用的,#后面的參數(shù)是專門給瀏覽器用的。

一個(gè)比較簡單的使用就是更改url中#后面的參數(shù),會觸發(fā)window.onhashchange事件,可以用來在瀏覽器中做一些事情而不必向服務(wù)器端做請求,也不用重載整個(gè)頁面。

像vue-router就可以靠#后面的參數(shù)當(dāng)路由用。

2018年6月25日 01:25