教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

什么是單頁面應用程序?優(yōu)點和缺點是什么?

更新時間:2021年10月25日15時26分 來源:傳智教育 瀏覽次數:

好口碑IT培訓

單頁面應用程序(英文名:Single Page Application)簡稱 SPA,顧 名思義,指的是一個 Web 網站中只有唯一的一個 HTML 頁面,所有的功能與交互都在這唯一的一個頁面內完成。
例如資料中的這個 Demo 項目:



單頁面應用程序的特點:
單頁面應用程序將所有的功能局限于一個web 頁面中,僅在該web 頁面初始化時加載相應的資源(HTML、 JavaScript 和CSS)。
一旦頁面加載完成了,SPA 不會因為用戶的操作而進行頁面的重新加載或跳轉。而是利用JavaScript 動態(tài)地變換
HTML 的內容,從而實現頁面與用戶的交互。
單頁面應用程序的優(yōu)點和缺點:

SPA 單頁面應用程序最顯著的3 個優(yōu)點如下:
①良好的交互體驗
  • 單頁應用的內容的改變不需要重新加載整個頁面
  • 獲取數據也是通過Ajax 異步獲取
沒有頁面之間的跳轉,不會出現“白屏現象”
②良好的前后端工作分離模式
  • 后端專注于提供API 接口,更易實現API 接口的復用
  • 前端專注于頁面的渲染,更利于前端工程化的發(fā)展
③減輕服務器的壓力
  • 服務器只提供數據,不負責頁面的合成與邏輯的處理,吞吐能力會提高幾倍
但是任何一種技術都有自己的局限性,對于SPA 單頁面應用程序來說,主要的缺點有如下兩個:
①首屏加載慢
  • 路由懶加載
  • 代碼壓縮
  • CDN 加速
  • 網絡傳輸壓縮
②不利于SEO
  • SSR 服務器端渲染





猜你喜歡:

什么是SPA單頁面?有什么優(yōu)缺點?

瀏覽器渲染頁面流程的4個步驟

H5有哪些類型?怎樣制作H5頁面?

web前端頁面設計流程有哪些

傳智教育web開發(fā)培訓

0 分享到:
和我們在線交談!