正常網頁url的組成,可以請看location 物件( 包含有關當前 url 的資訊。)
例如:如上的 url 由以下部分組成:
1、https://規定了頁面採用的協議;
2、mp.csdn.net 為頁面所屬的網域名稱;
3、postedit/index.html為讀取的檔名稱(也可以叫做入口檔案);
4、[email protected]是給頁面通過 get 方式傳送的引數;
5、#code/love
為頁面的錨點區域
前面四個發生改變的時候,會觸發瀏覽器的跳轉亦或是重新整理行為,而更改url
中的錨點,並不會進行頁面的更新,因此,幾乎所有的 spa 應用都是利用錨點的這個特性來實現路由的轉換。---摘自fungleo的博文
單頁應用SPA 多頁應用MPA
spa單頁應用 第一次進入頁面的時候會請求乙個html檔案,重新整理清除一下。切換到其他元件,此時路徑也相應變化,但是並沒有新的html檔案請求,頁面內容也變化了。原理是 js會感知到url的變化,通過這一點,可以用js動態的將當前頁面的內容清除掉,然後將下乙個頁面的內容掛載到當前頁面上,這個時候的...
單頁web應用(spa)內部路由原理
可以將路由的實現分為兩部分 1.更新url頁面不重新整理 2.監聽url的變化,執行頁面替換邏輯 兩種實現方法 1.history.pushstate,replacestate等觸發popstate事件 2.location.hash的變化觸發hashchange事件 function getuui...
單頁應用(SPA)和 多頁應用(MPA)
第一次進入頁面的時候會請求乙個html檔案,重新整理清除一下。切換到其他元件,此時路徑也相應變化,但是並沒有新的html檔案請求,頁面內容也變化了。原理 js會感知到url的變化,通過這一點,可以用js動態的將當前頁面的內容清除掉,然後將下乙個頁面的內容掛載到當前頁面上,這個時候的路由不是後端來做了...