1. 程式人生 > >單頁面應用——SPA

單頁面應用——SPA

    單頁 Web 應用 (single-page application 簡稱為 SPA) 是一種特殊的 Web 應用。

    它將所有的活動侷限於一個web頁面中,僅在該web頁面初始化時載入相應的HTML、JavaScript和CSS。一旦頁面載入完成了,SPA不會因為使用者的操作而進行頁面的重新載入或跳轉,而是利用JavaScript動態的交換HTML的內容,從而實現UI與使用者的互動。

    由於避免了頁面的重新載入,SPA可以提供較為流暢的使用者體驗,得益於ajax,我們可以實現無跳轉重新整理,又多虧了瀏覽器的history機制,我們用hash的變化從而實現推動介面變化。

與多頁面應用對比如下:

單頁面應用例項:qq空間 


 
    當點選頂部導航條的時候,發現整個頁面並沒有重新整理,而是中間主體內容替換了,並且位址列的url變化了。比如我從“我的主頁”切換到“好友”,位址列只是末尾發生變化,從/main變成/myhome/friends,這是根據前端路由顯示不同的內容。