一,优点
SPA 单页面应用程序最显著的 3 个优点如下:
① 良好的交互体验
单页应用的内容的改变不需要重新加载整个页面,只有一个HTML页面
因为没有页面之间的跳转,不会出现“白屏现象”
获取数据也是通过 Ajax ,Axios异步获取
② 良好的前后端工作分离模式
后端专注于提供 API 接口,更易实现 API 接口的复用
像小程序,app,pc都可以使用同一份API接口
前端专注于页面的渲染,更利于前端工程化的发展
③ 减轻服务器的压力
服务器只提供数据,不负责页面的合成与逻辑的处理,吞吐能力会提高几倍
二,缺点
① 首屏加载慢
为什么呢?
因为在该HTML 页面初始化时加载完相应的资源( HTML、 JavaScript 和 CSS),
意思就是说 :在打开HTML页面的一瞬间要加载很多资源,
解决办法可以是下面4种:
路由懒加载
代码压缩
CDN 加速
网络传输压缩
② 不利于 SEO
可以通过SSR 服务器端渲染

单页面应用程序的优缺点相关推荐

  1. 单页面应用SPA的优缺点

    单页面应用SPA的优缺点

  2. 什么是单页面应用程序

    原文:Vue系列(1):单页面应用程序 前言:关于页面上的知识点,如有侵权,请看 这里 . 关键词:SPA.单个 HTML 文件.全靠 JS 操作.Virtual DOM.hash/history a ...

  3. 通过Blazor使用C#开发SPA单页面应用程序(4) - Ant Design

    通过Blazor使用C#开发SPA单页面应用程序(1) 通过Blazor使用C#开发SPA单页面应用程序(2) 通过Blazor使用C#开发SPA单页面应用程序(3) 前面学习了Blazor的特点.环 ...

  4. 通过Blazor使用C#开发SPA单页面应用程序(1)

    2019年9月23--25日 .NET Core 3.0即将在.NET Conf上发布! .NET Core的发布及成熟重燃了.net程序员的热情和希望,一些.net大咖也在积极的为推动.NET Co ...

  5. 【Web API系列教程】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(上)

    前言 在传统的web应用程序中,客户端(浏览器)通过请求页面来启动与服务器的通信.然后服务器处理该请求,并发送HTML页面到客户端.在随后页面上的操作中--例如,用户导航到一个链接或提交一个包含数据的 ...

  6. 全面解析单页面应用程序是什么

    单页Web应用是当今网站开发技术的弄潮儿,很多传统网站都在或者已经转型为单页Web应用,新的单页Web应用网站(包括移动平台上的)也如雨后春笋般涌现在人们的面前,如Gmail.Evernote.Tre ...

  7. 从零开始学习小程序1-1开发一个单页面小程序

    1,在本地电脑中创建一个文件夹"test",2,打开微信开发者工具 3,新建项目文件test,按以下步骤填写完整4,初始页面是这样的5,点开app.json页面,删掉原始代码,配置 ...

  8. cognito_将Amazon Cognito与单页面应用程序(Vue.js)集成

    cognito 在本文中,我们将研究使用OAuth协议通过Amazon Cognito对单页应用程序(使用Vue.js构建)进行身份验证. 在上一篇文章中,我们将服务器端应用程序与Amazon Cog ...

  9. 将Amazon Cognito与单页面应用程序(Vue.js)集成

    在本文中,我们将研究使用OAuth协议通过Amazon Cognito对单页应用程序(使用Vue.js构建)进行身份验证. 在上一篇文章中,我们将服务器端应用程序与Amazon Cognito集成在一 ...

最新文章

  1. FPGA笔试题解析(五):串并转换与奇分频电路
  2. linux存储--文件描述符fd与FILE结构体(二)
  3. Android中实现Launcher功能之四---滑屏初探 scrollTo 以及 scrollBy方法使用说明
  4. Android 编程规范与常用技巧
  5. R语言paste函数
  6. 前端小知识点(8):作者为什么设计原型
  7. 转:目标检测定位与分割论文阅读心得总结:FCN U-Net R-CNN FR-CNN Faster R-CNN Mask R-CNN
  8. CentOS 6.8内核版本升级(升级至3.10)(转)
  9. 旅游管理系统——你凭什么不被吐槽?
  10. 轻松掌柜显示不能连接到服务器,轻松掌柜推出在线进销存云端版
  11. android银行卡号扫描二维码,支付宝扫描银行卡号识别SDK
  12. IT寡头们之间的围棋模式;最新动向:多点布局,规模经营和资本扩张
  13. android手机导入iphone,安卓手机文件怎么传到苹果手机
  14. C/C++编程:.msi文件和.exe文件的区别
  15. ubuntu16.04连接android手机蓝牙共享网络热点
  16. Scylla3.0.4在CentOS7.4上的安装
  17. July 16th 模拟赛C T4 奶牛排队 Solution
  18. 记录12306项目抢票成功的经历:CentOS7环境
  19. 负317是几位数在计算机课中,计算机应用基础数据在计算机中的表示ppt课件
  20. Window7和Ubuntu双系统 删除Ubuntu

热门文章

  1. 大数据新闻推送你怎么看_大数据分析表明:新闻越“假”转发越多!你知道为什么吗?...
  2. 年度考核如何实现排名?
  3. 《设计中的色彩心理学》
  4. curr_conv oracle,Oracle 11g ADG Automatic Block Repair(ABMR自动块修复)功能测试
  5. python--身体质量指数BMI
  6. 阿ken的HTML、CSS的学习笔记_CSS盒子模型(笔记五)
  7. 现在如何注册台服服务器,《英雄联盟手游》台服账号注册教程 台服拳头账号注册步骤图解...
  8. 十大酷炫屌的图像悬停特效
  9. 中国天气城市代码编号
  10. 音乐播放器(附源码)