[vue] 说说你对SPA单页面的理解,它的优缺点分别是什么?
生活随笔
收集整理的這篇文章主要介紹了
[vue] 说说你对SPA单页面的理解,它的优缺点分别是什么?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[vue] 說說你對SPA單頁面的理解,它的優缺點分別是什么?
介紹:SPA應用就是一個web應用,可理解為:是一種只需要將單個頁面加載到服務器之中的web應用程序。當瀏覽器向服務器發出第一個請求時,服務器會返回一個index.html文件,它所需的js,css等會在顯示時統一加載,部分頁面需要時加載。 優點: 1.良好的交互式體驗。意思是:用戶無需刷新頁面,獲取數據通過異步ajax獲取,頁面顯示流暢 2.良好的前后端分離模式(MVVM),減輕服務端壓力。服務器只需要輸出數據就可以,不用管邏輯和頁面展示,吞吐能力會提高幾倍 3.共用同一套后端程序代碼,不用修改就可用于web界面,手機和平板等客戶端設備 缺點: 1.不利于SEO優化 2.由于單頁應用在一個頁面中顯示,所以不可以使用瀏覽器自帶的前進后退功能,想要實現頁面切換需要自己進行管理 3.首屏加載過慢(初次加載耗時多),原因是:為了實現單頁web應用功能及展示效果,在頁面初始化的時候就會將js,css等統一加載,部分頁面在需要時加載。當然也有解決方法。 解決方法:①使用路由懶加載 ②開啟Gzip壓縮 ③使用webpack的externals屬性把不需要的庫文件分離出去,減少打包后文件的大小 ④使用vue的服務端渲染(SSR) 舉例spa應用:網易云音樂、QQ音樂等個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的[vue] 说说你对SPA单页面的理解,它的优缺点分别是什么?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [vue] 怎么配置使vue2.0+支持
- 下一篇: Retinex算法详解