美文网首页
多页面和单页面

多页面和单页面

作者: 曹锦花 | 来源:发表于2020-01-07 14:04 被阅读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的方式来进行页面内容的更换;
    数据传递:可通过全局变量或者参数传递,进行相关数据交互
————————————————
缺点:1.首屏渲染等待时间长:必须得等js加载完毕,才能渲染出首屏
2.seo不友好:爬虫只能拿到一个div,认为页面是空的,不利于seo

相关文章

  • 多页面和单页面

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

  • 单页面和多页面

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

  • 单页面和多页面概念

    简述单页面应用和多页面应用的概念 3.1单页应用(single-page application) 概念整个项目只...

  • web系统方案探究

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

  • 单页面应用和多页面应用

    单页面应用(SPA) 指某个应用只有一个主页面(所有的页面内容都包含在这个所谓的主页面里),浏览器只加载一次的资源...

  • 单页面应用和多页面应用

    单页面应用(SinglePage Web Application,SPA) 只有一张Web页面的应用,是一种从We...

  • 单页面应用和多页面应用

    单页面应用 单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次,常用于PC端官网、购物等网站.所谓...

  • 单页面和多页面对比

    什么是单页面应用只有一张web页面的应用,单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次,常用...

  • 单页面(SPA)和多页面(MPA)

    单页面(SPA) 单页面(SPA),一个项目中只有一个完整的html页面,其他的都是部分的html片段组成。页面跳...

  • 单页面与多页面间的区别及优缺点

    今天接到一个电话面试,小哥哥问单页面和多页面的优缺点,傻傻的我事后才反应过来不仅没回答好还把单页面和多页面的概念搞...

网友评论

      本文标题:多页面和单页面

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