vue等单页面应用及其优缺点

vue等单页面应用及其优缺点先来说说什么是单页面应用和多页面应用:单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的html,js,css。所有的页面内容都包含在这个所谓的主页面中。多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。单页面的优点和缺点:优点:1、用户体验好,快,内容的改变…

大家好,又见面了,我是你们的朋友全栈君。

先来说说什么是单页面应用和多页面应用:

       单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。

       多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。

单页面的优点和缺点:

      优点:

         1、用户体验好,快,内容的改变不需要重新加载整个页面,对服务器压力较小。

         2、前后端分离,比如vue项目

         3、完全的前端组件化,前端开发不再以页面为单位,更多地采用组件化的思想,代码结构和组织方式更加规范化,便于修改                 和调整;

      缺点:

        1、首次加载页面的时候需要加载大量的静态资源,这个加载时间相对比较长。

        2、不利于 SEO优化,单页页面,数据在前端渲染,就意味着没有 SEO。

        3、页面导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自                己建立堆栈管理)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149110.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • USB转串口/USB转485两线制转换器简单介绍——爱威轮[通俗易懂]

    USB转串口/USB转485两线制转换器简单介绍——爱威轮[通俗易懂]USB-8501工业级USB总线两线制RS485转换器提供了USB到RS485串行口的协议转换。通过利用USB接口具有的即插即用和热拔插的方便性,使USB接口可非常容易地和其他RS485设备通信,并能提供高达12Mbps的传输速率。USB转485工业级两线制转换器广泛用于工控、安防、金融、智能交通、超市管理等领域。它是笔记本电脑现场编程调试的好帮手。 …

    2022年5月25日
    58
  • navicat请求码无生成激活码【2021免费激活】「建议收藏」

    (navicat请求码无生成激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~0VOE…

    2022年3月31日
    426
  • 死链接检测 java,【死链接检测】工具查询方法及死链接处理方法

    死链接检测 java,【死链接检测】工具查询方法及死链接处理方法【死链接检测】工具查询方法及死链接处理方法死链接不但影响用户的体验,而且影响网站的跳出率,网站的跳出率直接关系到网站的排名。网站死链接量达到一定的程度,甚至网站会降权或者被K站,站长们应改高度的重视。死链接404页面1.网站死连接的查找。在360浏览器里——找到扩展——查找输入死链接,安装好插件。安装好以后,浏览器的上面就有一个这样的图标。打开你的网站,点击网页链接检查。出现下面的图片。然后收集死…

    2022年7月22日
    11
  • FileInputStream概述[通俗易懂]

    FileInputStream概述[通俗易懂]一FileInputStream概述FileInputStream:从文件系统中的文件获取输入字节。可用的文件取决于主机环境。FileInputStream用于读取诸如图像数据的原始字节流。要读取字符流,请考虑使用FileReader。二FileInputStream的构造方法1.FileInputStream(Filefile)通过打开与实际文件的连接来创建FileInputStream,该文件由文件系统中的File对象file命名。2.FileInputSt…

    2022年6月4日
    48
  • 城市三级联动

    城市三级联动

    2021年9月12日
    56
  • android 图片去色,android图片圆角、图片去色处理示例「建议收藏」

    android 图片去色,android图片圆角、图片去色处理示例「建议收藏」packagecom.zhanggeng.contact.tools;importjava.io.ByteArrayOutputStream;importjava.io.File;importjava.io.FileNotFoundException;importjava.io.FileOutputStream;importjava.io.IOException;importandr…

    2022年10月5日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号