多页应用是多个页面跳来跳去,单页应用是只有一个页面
多页应用:比如有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界面、手机、平板等多种客户端
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)