前端方面：

• jQuery + Bootstrap 多頁面應用：

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

• Vue + ElementUI（BootStrap）單頁面應用：（后臺管理系統）

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

無意中還發現了Bootstrap + Vue 的組合 Bootstrap + Vue

歡迎大家評論補充！

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。