1.什么是单页面?

  单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的html,js,css.
  优点:用户体验好
     前后端分离
     页面效果会比较炫酷(比如切换页面内容时的专场动画)
  缺点:不利于seo
     导航不可用,如果一定要导航需要自行实现前进,后退。
     初次加载时耗时多
     页面负责度提高很多

2.什么是多页面?
  多页面(MPA),就是只一个应用中有多个页面,页面跳转时是整页刷新
  优点:有利于seo
     开发成本较低
  缺点:网站的后期维护难度较大
     页面之间的跳转用时较长,用户体验较差。
     代码重复度大

转载于:https://www.cnblogs.com/Alice-67/p/10858965.html

单页面与多页面的区别与优缺点?相关推荐

  1. (面试)单页面和多页面区别?

    目录 定义 单页面 多页面 区别 刷新的方式 路由模式 结构 维护成本 加载资源文件 开发的成本 用户体验 转场动画 数据传递 搜索引擎优化(SEO) 使用范围 定义 单页面 只有一个对应的html页 ...

  2. 单页面与多页面的区别

    之前在一个视频面试的时候,被面试官问到这个问题,结果自己混乱答了一下,后面才发现自己混淆了它们的概念,所以特地来学习一下单页面和多页面的区别. 单页面,顾名思义只有一个界面.(SinglePage W ...

  3. 静态页面和动态页面的区别

    静态页面和动态页面的区别 一.静态web页面: 1.在静态Web程序中,客户端使用Web浏览器(IE.FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Requ ...

  4. web 静态页面和动态页面的区别

    文章目录 一.静态web页面: 二.动态web页面: 为什么需要web服务器?(web server) 三.关于两者区别的简单直接的描述 四.实验测试 一.静态web页面: 1.在静态Web程序中,客 ...

  5. vue单页面改造多页面应用

    单页面和多页面的区别这里就不细说了.我司业务适合多页面,许多小应用都是通过iframe整体嵌入的形式. 如果项目过于庞大,就会有很不好的体验问题. 拆分多个项目的话,又会有额外的开支,如服务器资源部署 ...

  6. asp是什么文件?html和asp的区别?(HTML是客户端语言,主要用于创建静态网页;asp是服务器端语言,用于设计用户交互式页面或动态页面)

    1.HTML是一种客户端语言,它允许Web浏览器解析并显示在标签之间写入的内容,允许把图像和对象嵌入到网页中.ASP是一种服务器端语言,这意味着写入的代码将被发送到服务器中,并根据要求执行的操作返回一 ...

  7. vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法

    最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中 定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...

  8. 不使用Ajax,如何实现表单提交不刷新页面

    不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...

  9. asp.net之动态页面和静态页面的区别

    asp.net之动态页面和静态页面的区别 当我开始接触web开发的时候,首先学到的是html.css.js这一类网页语言,通过布局可以搭建出一个静态网站,效果也跟我们上网时经常看到的一些网站一样了.于 ...

  10. html页面选择附件实现,实现单文件上传,页面局部刷新_html/css_WEB-ITnose

    实现单文件上传,页面不刷新 1.html fjFileInsert.action执行文件上传,然后返回数据到upLoad.html页面,upLoad.html页面在iframe中隐藏起来 当执行完毕, ...

最新文章

  1. 【转载】nginx for windows: 让nginx以服务的方式运行
  2. 加拿大高等研究院宣布新的科研计划,Bengio、LeCun 任 AI 项目负责人...
  3. Ubuntu中Vim使用技巧
  4. CString与LPCWSTR、LPSTR、char*、LPWSTR等类型的转换【转】
  5. Python的逻辑运算符and小析
  6. Apollo进阶课程㊸丨Apollo实战——障碍物感知和路径规划能力实战
  7. OpenTSDB 开发指南之 查询数据
  8. windows安装MySQL数据库【附安装文档和安装包】
  9. jQuery find() 方法的使用总结
  10. java 监听器能监听宕机_java内存泄漏与内存溢出
  11. Tomcat历史版本下载
  12. 微信小程序使用有道翻译接口的方法
  13. C语言实现的获取文件夹内文件名
  14. VS.Net 2005 下载地址
  15. 研究揭示肿瘤基因突变检测的复杂性
  16. “蔗里最甜”开展新型婚育文化宣传活动
  17. 情侣生日纪念日倒数提醒的便签
  18. 模拟信号拉线位移编码器是如何来校准的?
  19. 推荐一款Mac上好用的Markdown编辑器
  20. 炫酷,纯Python开发LOL英雄信息查询平台

热门文章

  1. spring框架的概述以及spring中基于XML的IOC配置——概念
  2. Chrome浏览器不支持字体小于12px的解决办法
  3. 嵌入式C语言代码的调试技巧
  4. CTFshow 命令执行 web48
  5. 【bzoj 2460 [BeiJing2011]元素】
  6. 1.3 图像边缘检测edge函数的用法
  7. C++中的vector使用范例-
  8. 数据结构-----栈
  9. pandas.DataFrame.multiply()含义解释
  10. web页面到ajax,页面使用ajax加载页面后如果运行其中的js,webpack如何多页面展示...