多页面（MPA）开发 VS 单页面（SPA）开发

前端方面：

• jQuery + Bootstrap 多页面应用：

  • 优点：
    
  • 数据可以直接渲染，对于搜索引擎（SEO）友好
  • BootStrap 对移动端和PC端界面展示都很友好
  • 后期维护方便，成本低，易上手
  • 缺点：
    
  • 页面之间传递数据比较局限，可以URL/Cookie/Storage等方式吧
  • 资源请求较多，不过就现在这个网速情况，大部分没有问题

• Vue + ElementUI（BootStrap）单页面应用：（后台管理系统）

  • 优点：
    
  • 可以组件化，数据绑定。方便定义页面的各种逻辑和改变页面数据
  • 路由之间跳转可以定制动画，使用懒加载，减少白屏时间；相比对多页面，减少了请求服务器加载静态资源的次数
  • 页面之间可以通信
  • 缺点
    
  • 初始加载较大且多的静态资源(因为需要进行代码编译)，业务增长，项目加载时间越大
  • 因为前后端分离，数据通过Ajax获取，网页爬虫抓取不到页面数据，不利于搜索引擎搜索，SEO不友好
  • ElementUI 基本不支持移动端设备的展示,BootStrap虽然支持移动端，但是综合考虑用多页面比较好
  • 后期维护方便，但是成本高

无意中还发现了Bootstrap + Vue 的组合 Bootstrap + Vue

欢迎大家评论补充！

总结

以上是生活随笔为你收集整理的多页面（MPA）开发 VS 单页面（SPA）开发的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。