美文网首页
单页面多页面区别

单页面多页面区别

作者: 肥羊猪 | 来源:发表于2021-04-30 12:57 被阅读0次

多页面模式(MPA Multi-page Application):

 适用于高度追求高度支持搜索引擎的应用
如果单个页面加载的文件相对较大(多),页面切换加载会很慢
多页面跳转需要刷新所有资源,每个公共资源(js、css等)需选择性重新加载
页面跳转:使用window.location.href = "./index.html"进行页面间的跳转;
数据传递:可以使用path?account="123"&password=""路径携带数据传递的方式,或者localstorage、cookie等存储方式

单页面模式(SPA Single-page Application):

高要求的体验度,追求界面流畅的应用
页面片段间切换较快,用户体验好,因为初次已经加载好相关文件。但是初次加载页面时需要调整优化,因为加载文件较多
只有一张Web页面的应用,是一种从Web服务器加载的富客户端,单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次
页面跳转:使用js中的append/remove或者show/hide的方式来进行页面内容的更换;
数据传递:可通过全局变量或者参数传递,进行相关数据交互

相关文章

  • 单页面多页面区别

    多页面模式(MPA Multi-page Application): 单页面模式(SPA Single-pag...

  • web系统方案探究

    当需要开发一个管理端系统,你会考虑什么技术选型了? 单页面or多页面 单页面应用,或者是多页面应用? 单页面渲染速...

  • vue-router考察问题

    单页应用和多页应用的区别 多页应用MPA单页应用SPA应用组成由多个完成页面构成一个外部显示的页面 + 多个局部页...

  • 原生开发移动web单页面(step by step)6——his

    以上几篇的内容成功的将多页面合成到单页面上,然而还是有很多区别的, 多页面切换的时候,通过浏览器的自带后退前进键可...

  • 单页面还是多页面

    已有后端服务action,每个action返回固定的一个页面,上面的内容为json值. 可以把后台看做是提供jso...

  • 单页面 VS 多页面

    单页面与多页面对比图 单页面应用缺点:1.首屏时间慢,SEO差:单页应用的首屏时间慢,首屏时需要请求一次html,...

  • 多页面和单页面

    多页面模式(MPA Multi-page Application): 多页面跳转需要刷新所有资源,每个公共资源(...

  • 单页面和多页面

    SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页...

  • webpack4构建多页应用,了解一下

    用webpack构建多页应用可以有2种思路,多页面单配置 vs. 多页面多配置。本例子采用多页面单配置,即在单页应...

  • 单页面应用和多页面应用的区别

    https://juejin.im/post/5a0ea4ec6fb9a0450407725c

网友评论

      本文标题:单页面多页面区别

      本文链接:https://www.haomeiwen.com/subject/akrnrltx.html