5月23日——SPA單頁面應用的原理

1、什麼是SPA（SPA 的概念）

　　　　單頁 Web 應用 (single-page application 簡稱爲 SPA)，簡單理解爲：僅僅在web頁面初始化時加載相應的HTML、JavaScript、CSS，一旦頁面加載完成了，SPA不會由於用戶的操做而進行頁面的從新加載或跳轉，而是利用 JavaScript 動態的變換HTML的內（採用的是div切換顯示和隱藏），從而實現UI與用戶的交互。

2、SPA的優缺點

　　　　一、優勢：

　　　　　　（1）因爲避免了頁面的從新加載，SPA 能夠提供較爲流暢的用戶體驗。得益於ajax，咱們能夠實現無跳轉刷新，又多虧了瀏覽器的histroy機制，咱們用hash的變化從而能夠實現推進界面變化。

　　　　　　（2）只要使用支持HTML5和CSS3的瀏覽器就能夠執行復雜的SPA,所以，開發人員沒必要爲了寫SPA網站而特別學習另外一個開發方式，而使用者也不額外安裝軟件，因此，讓開發SPA網頁程序的入門和使用門檻下降很多。

　　　　二、缺點：

　　　　　　以SPA方式開發的網站不容易管理也不夠安全。由於沒了一頁一頁的網頁給搜索引擎的爬蟲來爬，因此，在搜索引擎最佳化（SEO）的工做上，須要花費額外的功夫。由於沒有換頁，須要自定義狀態來取代傳統網頁程序以網址來作判斷。