锡溯。目前前端路由: hash 和 H5 history 兩種模式
SPA:單頁面Web應(yīng)用谷丸, 加載單個(gè)HTML頁面并在用戶與應(yīng)用程序交互時(shí)動(dòng)態(tài)更新頁面酌伊”叮【它將所有的活動(dòng)局限于一個(gè) Web 頁面中】舌厨。
回顧網(wǎng)頁 url組成部分:
一岂却、hash的特點(diǎn)
1、hash 變化會(huì)觸發(fā)網(wǎng)頁的跳轉(zhuǎn)裙椭, 即瀏覽器的前進(jìn)躏哩、后退。
2揉燃、hash變化不會(huì)刷新頁面扫尺,SPA必需的特點(diǎn)
3、hash 永遠(yuǎn)不會(huì)提交server 端 (前端自生自滅)
實(shí)現(xiàn): window.onhashchange 事件監(jiān)聽 hash的變化(a.? JS修改url炊汤、b.手動(dòng)修改url 的hash正驻、c. 瀏覽器前進(jìn)和后退)
二、H5 history
1抢腐、用url 規(guī)范的路由姑曙,但跳轉(zhuǎn)時(shí)不刷新頁面
2、history.pushState
3迈倍、window.onpopstate