SPA(單頁面web應用程序)

單頁web應用(single page web application，SPA)，就是隻有一張web頁面的應用，是加載單個HTML頁面並在用戶與應用程序交互時動態更新該頁面的web應用程序。

瀏覽器一開始會加載必需的HTML、CSS和Javascript，全部的操做都在這張頁面上完成，都有javascript來控制。所以，對單頁面應用來講模塊化的開發和設計顯得至關重要。

1、特色：

　　速度：更好的用戶體驗，讓用戶在web app感覺native app的速度和流暢。

　　MVC：經典MVC開發模式，先後端各負其責。

　　ajax：重前端，業務邏輯所有在本地操做，數據都須要經過AJAX同步、提交。

　　路由：在URL中採用#號來做爲當前視圖的地址，改變#號後的參數，頁面並不會重載。

2、HTML容器管理

　　一、HTML管理原理

　　SPA項目的HTML結構與傳統的HTML結構有很是不一樣的差別：

　　① 傳統的HTML是將全部的HTML寫在.html文件裏。而後經過DOM方法在JS中進行操做。

　　② SPA項目中，爲了保證每一個UI模塊的獨立性，HTML結構被以模塊的形式打碎分別放置在各個UI模塊中。HTML以字符串的形式存放在子模塊configMap.main_html中。當子模塊接收到父模塊傳遞過來的容器後經過$container.html(configMap.main_html)；將子模塊HTML結構載入到容器模塊中。這樣就完成了子模塊HTML的加載。

 

參考來源：http://www.imooc.com/article/14257

http://www.searchsoa.com.cn/showcontent_81256.htm