[vue] 說說你對SPA單頁面的理解，它的優(yōu)缺點(diǎn)分別是什么？

介紹：SPA應(yīng)用就是一個web應(yīng)用，可理解為：是一種只需要將單個頁面加載到服務(wù)器之中的web應(yīng)用程序。當(dāng)瀏覽器向服務(wù)器發(fā)出第一個請求時，服務(wù)器會返回一個index.html文件，它所需的js，css等會在顯示時統(tǒng)一加載，部分頁面需要時加載。 優(yōu)點(diǎn)： 1.良好的交互式體驗(yàn)。意思是：用戶無需刷新頁面，獲取數(shù)據(jù)通過異步ajax獲取，頁面顯示流暢 2.良好的前后端分離模式（MVVM），減輕服務(wù)端壓力。服務(wù)器只需要輸出數(shù)據(jù)就可以，不用管邏輯和頁面展示，吞吐能力會提高幾倍 3.共用同一套后端程序代碼，不用修改就可用于web界面，手機(jī)和平板等客戶端設(shè)備 缺點(diǎn)： 1.不利于SEO優(yōu)化 2.由于單頁應(yīng)用在一個頁面中顯示，所以不可以使用瀏覽器自帶的前進(jìn)后退功能，想要實(shí)現(xiàn)頁面切換需要自己進(jìn)行管理 3.首屏加載過慢（初次加載耗時多），原因是：為了實(shí)現(xiàn)單頁web應(yīng)用功能及展示效果，在頁面初始化的時候就會將js，css等統(tǒng)一加載，部分頁面在需要時加載。當(dāng)然也有解決方法。 解決方法：①使用路由懶加載 ②開啟Gzip壓縮 ③使用webpack的externals屬性把不需要的庫文件分離出去，減少打包后文件的大小 ④使用vue的服務(wù)端渲染（SSR） 舉例spa應(yīng)用：網(wǎng)易云音樂、QQ音樂等

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的[vue] 说说你对SPA单页面的理解，它的优缺点分别是什么？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。