单页面应用—

单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。

它将所有的活动局限于一个web页面中，仅在该web页面初始化时加载相应的HTML、JavaScript和CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利用JavaScript动态的交换HTML的内容，从而实现UI与用户的交互。

由于避免了页面的重新加载，SPA可以提供较为流畅的用户体验，得益于ajax，我们可以实现无跳转刷新，又多亏了浏览器的history机制，我们用hash的变化从而实现推动界面变化。

与多页面应用对比如下：

单页面应用实例：qq空间

当点击顶部导航条的时候，发现整个页面并没有刷新，而是中间主体内容替换了，并且地址栏的url变化了。比如我从“我的主页”切换到“好友”，地址栏只是末尾发生变化，从/main变成/myhome/friends，这是根据前端路由显示不同的内容。

单页面应用——SPA相关推荐

单页面应用SPA的优缺点
单页面应用SPA的优缺点
单页面应用(SPA)前端路由hash 模式 VS history 模式
文章目录单页面应用(SPA) 前端路由的由来前端路由 hash 模式 history 模式 hash.history优缺点单页面应用(SPA) 简单的说 SPA 就是一个WEB项目只有一个 HT ...
使用Vue.js在WordPress中创建单页面应用SPA
吐槽一下,掘金好像并不能插入gist的代码框效果有点打折扣博客原文地址里有gist代码: 使用Vue.js在WordPress中创建单页面应用SPA 英文原文地址:premium.wpmudev. ...
前端单页面（SPA）和多页面（MPA）
了解单页面和多页面应用程序单页面和多页面 SPA:( Single Page Application ) 单页面应用程序,例如:后台管理系统,整个应用中只有一个页面(index.html) MPA ...
多页面（MPA）开发 VS 单页面（SPA）开发
前端方面: jQuery + Bootstrap 多页面应用: 优点: 数据可以直接渲染,对于搜索引擎(SEO)友好 BootStrap 对移动端和PC端界面展示都很友好后期维护方便,成本低,易上手 ...
react的单页面应用SPA及路由组件
SPA的理解单页Web应用(sigle page web application,SPA). 整个用用只有一个完整的页面. 点击页面中的链接不会刷新,只会做页面的局部刷新. 数据都需要通过ajax请 ...
H5单页面应用(SPA)架构总结
一: 前端部分 1. 架构图 2. 原由去年疫情期间在家没事, 想着写一个商城项目沉淀一下自己这些年所学的知识. 经过了一年多的反复改版, 优化, 最终做成了现在这样一个有衡量标准的东西. 这期间走 ...
单页面SPA和多页面MPA应用的区别
单页面应用SPA 概念:只有一个html页面,所有跳转方式都是通过组件切换来完成的. 路由不是后端来做了,而是前端来做,判断页面到底是显示哪个组件,清除不需要的,显示需要的组件.这种过程就是单页应用, ...
什么是单页面应用（SPA）和多页面应用（MPA）
背景最初我们的应用都是多页面应用,多页面应用就是每次客户单请求都返回一个新的页面.在互联网初期,这个问题并没有带来很差的用户体验,但是随着移动互联网的发展以及用户的体验, 开发者开始考虑,为什么我们 ...

单页面应用——SPA

单页面应用——SPA相关推荐

最新文章

热门文章