6 4 多頁應用與單頁應用

2021-08-22 17:51:44 字數 790 閱讀 3400

每一次頁面的跳轉,後端都會返回乙個新的html檔案

首屏:頁面首個螢幕的內容展現出來的時間,因為訪問頁面的時候,伺服器返回html,然後頁面就會被展示出來,這個過程只經歷了乙個http請求,所以頁面展示的速度非常快

搜尋引擎是可以識別html中的內容的,而我們每乙個頁面,所有的內容都放在html中

所以多頁應用的搜尋引擎排名效果是非常好的

每一次跳轉頁面的時候,都需要去發乙個http請求,假設網路比較慢,在頁面之間來回跳轉的時候,這個時候就會有明顯的卡頓情況出現

在vue專案之中做頁面跳轉的時候,一般不用a標籤跳轉,我們用進行跳轉

這麼寫其實會有問題

模板裡面向外暴露只能暴露乙個根標籤,需要在最外層在包裹乙個標籤

使用vue寫的專案是乙個單頁應用,第一次進入頁面的時候,我們會請求乙個html檔案,清除掉,進入列表頁,這個時候並沒有再去請求乙個html檔案,回到首頁,依然不會請求html檔案

怎麼做到不請求html,頁面卻會跟著變呢

原理是js會感知到url的變化,通過js感知到url的變化之後,同js動態的把當前頁面的內容清除掉,再把下乙個頁面的內容掛載到頁面上,這時候路由不是後端來做,而是前端來做

單頁應用首屏展示出來需要請求html,同時還需要發乙個js請求

搜尋引擎只認知html中的內容,不認識js中的內容,而單頁應用所有的頁面內容都是靠js渲染生成的,所以搜尋引擎就不識別這塊的內容,就不會給網頁乙個好的排名

vue提供了其他技術,如伺服器端渲染,通過這些技術,可以完美的解決掉單頁面應用之中的問題,解決了這些問題之後,單頁應用是對前端開發非常完美的解決方案

單頁應用和多頁應用

每一次頁面跳轉的時候,後台伺服器都會給返回乙個新的html文件,這種型別的 也就是多頁 也叫做多頁應用。為什麼多頁應用的首屏時間快?首屏時間叫做頁面首個螢幕的內容展現的時間,當我們訪問頁面的時候,伺服器返回乙個html,頁面就會展示出來,這個過程只經歷了乙個http請求,所以頁面展示的速度非常快。為...

單頁應用 vs 多頁應用

web專案可分為單頁應用 和 多頁應用。單頁應用,就是只有乙個頁面,其他內容,估計就是動態載入,用從載入其他頁面片段 請求後台 這種方式來完成。這麼一說,我之前做的,其實都是多頁應用。相比之下,單頁應用的優勢是什麼呢?1 頁面切換非常快,不會出現白屏,還可以作出過渡效果 2 公用的js和css一次性...

單頁應用SPA 多頁應用MPA

spa單頁應用 第一次進入頁面的時候會請求乙個html檔案,重新整理清除一下。切換到其他元件,此時路徑也相應變化,但是並沒有新的html檔案請求,頁面內容也變化了。原理是 js會感知到url的變化,通過這一點,可以用js動態的將當前頁面的內容清除掉,然後將下乙個頁面的內容掛載到當前頁面上,這個時候的...