什麼是單頁面應用(SPA)?大白話介紹

2021-10-05 21:26:26 字數 722 閱讀 2587

什麼是單頁應用?單頁面應用的優缺點:

優點:1、使用者操作體驗好,使用者不用重新整理頁面,整個互動過程都是通過ajax來操作。

2、適合前後端分離開發,服務端提供http介面,前端請求http介面獲取資料,使用js進行客戶端渲染。

缺點:1、首頁載入慢

單頁面應用會將js、 css打包成乙個檔案,在載入頁面顯示的時候載入打包檔案,如果打包檔案較大或者網速慢則使用者體驗不好,首屏時需要請求一次html,同時還要傳送一次js請求,兩次請求回來了,首屏才會展示出來。相對於多頁應用

為什麼頁面切換快?

頁面每次切換跳轉時,並不需要做html檔案的請求,這樣就節約了很多http傳送時延,我們在切換頁面的時候速度很快。

有這些缺點,為什麼還要使用vue呢?

vue還提供了一些其它的技術來解決這些缺點,比如說伺服器端渲染技術(我是ssr),通過這些技術可以完美解決這些缺點,解決完這些問題,實際上單頁面應用對於前端來說是非常完美的頁面開發解決方案。

以上就是單頁面應用的介紹,希望對你有幫助。

SPA 單頁面應用 單頁Web應用

正常網頁url的組成,可以請看location 物件 包含有關當前 url 的資訊。例如 如上的 url 由以下部分組成 1 https 規定了頁面採用的協議 2 mp.csdn.net 為頁面所屬的網域名稱 3 postedit index.html為讀取的檔名稱 也可以叫做入口檔案 4 name...

nginx配置spa 單頁面應用

我這裡使用的ubuntu的系統,使用以下命令安裝nginx apt install nginx y 把我們的單頁面應用上傳到我們的伺服器,比如我的單頁面應用的檔案結構為 把這些放置到sweeper js的資料夾裡面 上傳到伺服器使用者的資料夾中,我的目錄為 ubuntu sweeper js 在 e...

SPA 單頁面應用程式。

看到這個問題,先說下自己的理解到的程度,再去參考做修正,爭取這一次弄懂搞清楚 自己的理解 單頁面應用程式,解決瀏覽器獲取資料重新整理頁面的尷尬,通過ajax請求獲取資料達到非同步更新檢視的按鈕,原理的實現由兩種,其一,通過hash值的變化,繫結onhashchange的 函式更新檢視,因為hash值...