前端方面：

• jQuery + Bootstrap 多頁面應(yīng)用：

  • 優(yōu)點：
    
  • 數(shù)據(jù)可以直接渲染，對于搜索引擎（SEO）友好
  • BootStrap 對移動端和PC端界面展示都很友好
  • 后期維護方便，成本低，易上手
  • 缺點：
    
  • 頁面之間傳遞數(shù)據(jù)比較局限，可以URL/Cookie/Storage等方式吧
  • 資源請求較多，不過就現(xiàn)在這個網(wǎng)速情況，大部分沒有問題

• Vue + ElementUI（BootStrap）單頁面應(yīng)用：（后臺管理系統(tǒng)）

  • 優(yōu)點：
    
  • 可以組件化，數(shù)據(jù)綁定。方便定義頁面的各種邏輯和改變頁面數(shù)據(jù)
  • 路由之間跳轉(zhuǎn)可以定制動畫，使用懶加載，減少白屏?xí)r間；相比對多頁面，減少了請求服務(wù)器加載靜態(tài)資源的次數(shù)
  • 頁面之間可以通信
  • 缺點
    
  • 初始加載較大且多的靜態(tài)資源(因為需要進行代碼編譯)，業(yè)務(wù)增長，項目加載時間越大
  • 因為前后端分離，數(shù)據(jù)通過Ajax獲取，網(wǎng)頁爬蟲抓取不到頁面數(shù)據(jù)，不利于搜索引擎搜索，SEO不友好
  • ElementUI 基本不支持移動端設(shè)備的展示,BootStrap雖然支持移動端，但是綜合考慮用多頁面比較好
  • 后期維護方便，但是成本高

無意中還發(fā)現(xiàn)了Bootstrap + Vue 的組合 Bootstrap + Vue

歡迎大家評論補充！

總結(jié)

以上是生活随笔為你收集整理的多页面（MPA）开发 VS 单页面（SPA）开发的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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