頁面通常是指的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 看看,更易理解。