SPA 單頁面應用 單頁Web應用

2021-09-02 15:36:48 字數 424 閱讀 3845

正常網頁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動態的將當前頁面的內容清除掉,然後將下乙個頁面的內容掛載到當前頁面上,這個時候的路由不是後端來做了...