SPA(單頁面應用)和MPA(多頁面應用)


1、單頁Web應用(single page web application,SPA)

只有一個WEB主頁面的應用,公共資源(js、css等)僅需加載一次,所有的內容都包含在主頁面,對每一個功能模塊組件化。單頁應用跳轉,就是切換相關組件,僅刷新局部資源。
頁面跳轉: js渲染
優點: 頁面切換快
缺點: 首屏時間稍慢,SEO差
常用於PC端官網、購物等網站。
技術棧:JQ+MVC

2、多頁Web應用(multi page web application,MPA)

有多個獨立的頁面的應用,每個公共資源(js、css等)需選擇性重新加載,多頁面跳轉刷新所有資源。
頁面跳轉: 返回HTML
優點: 首屏時間快,SEO效果好
缺點: 頁面切換慢
常用於 app 或 客戶端等
技術棧:Angular

3、單頁應用與多頁應用的區別


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM