vue是单页面应用是什么意思,什么是单页面应用?

vue是单页面应用是什么意思,什么是单页面应用?,第1张

多页应用是多个页面跳来跳去,单页应用是只有一个页面

多页应用:比如有a,b两个页面,访问时是 xxx/a.html ,xxx/b.html,这种模式最明显的就是切换页面时有明显的加载动作,不流畅。

单页应用比如 vue、react、angular 等框架都是单页应用的思想,也能实现页面跳转,只不过方式不同,比如有a,b两个页面,访问时是 xxx/#/a , xxx/#/b (hash方式) ,通过#后的路径参数表示页面,然后由 vue 监测并做出响应,没有真正进行跳转,这种方式使得在切换页面时流畅无卡顿(除去网络因素)。

单页应用缺点:

加载缓慢,相当于一次性把多页面集中加载了,不过通过异步加载等手段也可以达到不错的效果

不利于seo优化,整个页面都是由vue渲染而成的,不同于多页应用无需渲染(或后台渲染)

app很简单,使用vuejs自不必说,组件开发模块管理使用vue-loader、webpack,页面切换以及过场动画使用vue-router,在app开发过程只需关注app的数据走向即可,另外可以搭配各类UI库让你的应用更加美观,正如楼上答过的,使用SUI或Framework7都可以,我使用的是Framework7一个分支版本light7(因为后续的功能补充可能用到jQuery。如果涉及数据后台同步可以配合后端语言进行开发,我选用了Google现成的Firebase作为数据存储端。

单页应用程序(SPA)是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的 *** 作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。

优点:

1、提供了更加吸引人的用户体验:具有桌面应用的即时性、网站的可移植性和可访问性。

2、单页应用的内容的改变不需要重新加载整个页面,web应用更具响应性和更令人着迷。

3、单页应用没有页面之间的切换,就不会出现“白屏现象”,也不会出现假死并有“闪烁”现象

4、单页应用相对服务器压力小,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。

5、良好的前后端分离。后端不再负责模板渲染、输出页面工作,后端API通用化,即同一套后端程序代码,不用修改就可以用于Web界面、手机、平板等多种客户端


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12170223.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存