單頁應用程序（SPA）是一種網站設計方法，其中每個新頁面的內容不是通過加載新的HTML頁面來提供的，而是通過JavaScript操作現有頁面上的DOM元素來動態生成的。
在更傳統的web頁面體系結構中，index.html頁面可能鏈接到服務器上的其他html頁面，瀏覽器將從頭開始下載和顯示這些頁面。
SPA方法允許用戶在更新或獲取新元素時繼續使用頁面並與之交互，並且可以導致更快的交互和內容重新加載。此外，HTML5歷史API允許我們在不重新加載頁面的情況下更改頁面的URL，從而允許我們為不同的視圖創建單獨的URL。
一旦進入SPA，應用程序就能夠通過AJAX請求或WebSocket從服務器動態獲取內容。這允許瀏覽器在後台向服務器請求獲取附加內容或新“頁面”時保持當前頁面的打開狀態。
如果您曾經開始過搜索查詢，並且在鍵入時在輸入表單下方顯示了中間結果，那麼您已經看到了在更新這些DOM元素的背景中發生的動態查詢。事實上，服務器查詢可以獲取任何類型的數據，通常採用JSON有效負載、字符串甚至已經準備好呈現的HTML元素的形式。
何時使用單頁應用程序，何時不使用？
什麼時候應該考慮使用單頁應用程序？
首先，如果您希望在用戶和應用程序之間進行豐富的交互，那麼SPA幾乎是必不可少的。第二，如果你想在頁面上提供實時更新，你肯定需要使用這種方法；通知、數據流和實時圖表都需要使用這種方法。
你應該避免使用SPA嗎？
如果您的內容是純靜態的，那麼引入SPA會縮短用戶的加載時間，要求用戶在能夠查看任何內容之前下載並執行JavaScript負載。然後，可以通過簡單地根據請求顯示靜態HTML內容來提高瀏覽器年齡較大或互聯網連接較慢的用戶的可訪問性。最後，如果機器人程序無法查看任何標題或內容，無法顯示任何HTML內容可能會損害SEO排名。
上面討論的服務器端呈現方法可以改善加載時間的情況，並為未啟用JavaScript的用戶提供一些基本的可讀性。建議至少為未啟用JavaScript的用戶提供內容的基本功能，以便他們有機會根據從初始頁面加載中看到的內容來決定啟用JavaScript。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/222738.html
微信掃一掃 
支付寶掃一掃 