页面通常是指的html文件。
单页面就是说只有一个html文件,操做过程当中不进行页面跳转,而是更改html的内容。css
多页面应用至关于你去饭店吃饭,点什么菜,厨师到厨房煮,服务员才能端到桌上让你吃。
单页面应用至关于你去吃自助餐,吃的大多都弄好放出来,不用等厨房煮,想吃什么直接拿来吃就行了html
单页面是指只有一个主页面的应用,浏览器一开始要加载全部必须的 html, js, css。全部的页面内容都包含在这个所谓的主页面中。但在写的时候,仍是会分开写(页面片断),而后在交互的时候由路由程序动态载入。浏览器
举个 Angular 的栗子,下面是主页面:服务器
<!DOCTYPE html> <html ng-app="myApp"> <head> <link rel="stylesheet" href="all.css"> </head> <body> <div class="container"> <div ui-view></div> </div> <script src="all.js"></script> </body> </html>
下面是某一个分页面:app
<div> ... </div>
相比之下,传统的多页面应用每一个页面(只说动态页面)都是使用服务器端模板编写,而后请求这个页面的时候由服务器渲染成 html 再返回。ui
二者对比,一个很明显的区别就是,多页面应用的 server 端要干两件事:提供数据+渲染,而单页面应用把渲染拿到浏览器端作了,服务器只提供数据就能够了。spa
能够去找一个 Angular/Vue/React 之类的单页面 demo 看看,更易理解。