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

什麼是單頁應用?
單頁Web應用(single page web application,SPA),就是隻有一張Web頁面的應用,是加載單個HTML 頁面並在用戶與應用程序交互時動態更新該頁面的Web應用程序。

單頁面應用的優缺點:
優點:
1、用戶操作體驗好,用戶不用刷新頁面,整個交互過程都是通過Ajax來操作。
2、適合前後端分離開發,服務端提供http接口,前端請求http接口獲取數據,使用JS進行客戶端渲染。

缺點:
1、首頁加載慢
單頁面應用會將js、 css打包成一個文件,在加載頁面顯示的時候加載打包文件,如果打包文件較大或者網速慢則用戶體驗不好,首屏時需要請求一次html,同時還要發送一次js請求,兩次請求回來了,首屏纔會展示出來。相對於多頁應用

2、SEO不友好
SEO效果差,因爲搜索引擎只認識html裏的內容,不認識js的內容,而單頁應用的內容都是靠js渲染生成出來的,搜索引擎不識別這部分內容,也就不會給一個好的排名,會導致單頁應用做出來的網頁在百度和谷歌上的排名差。使用單頁面應用將大大減少搜索引擎對網站的收錄。

爲什麼頁面切換快?
頁面每次切換跳轉時,並不需要做html文件的請求,這樣就節約了很多http發送時延,我們在切換頁面的時候速度很快。

在這裏插入圖片描述

有這些缺點,爲什麼還要使用Vue呢?
Vue還提供了一些其它的技術來解決這些缺點,比如說服務器端渲染技術(我是SSR),通過這些技術可以完美解決這些缺點,解決完這些問題,實際上單頁面應用對於前端來說是非常完美的頁面開發解決方案。
在這裏插入圖片描述
以上就是單頁面應用的介紹,希望對你有幫助。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章