說說你對SPA的理解,他的優缺點分別是什么?
SPA(single-page application) 盡在Web頁面初始化時加載相應的HTML,JavaScript和CSS。一旦頁面加載完成,SPA不會因為用戶的操作而進行頁面的重新加載或者跳轉;取而代之的時利用路由機制實現HTML內容的變化,UI與用戶的交互,避免頁面的重新加載。
優點:
用戶體驗好、快、內容的改變不需要重新加載真個頁面,避免了不必要的跳轉和重復渲染;甚至於上面的一點,SPA相對對服務器壓力小;前后端職責分離,架構清晰,前端進行交互邏輯,后端負責數據處理;
缺點:
初次加載耗時多;位實現單頁Web應用功能及顯示效果,需要在加載頁面的時候講JavaScript、CSS統一加載,部分頁面按需加載,前進后退路由管理,由於單頁應用在一個頁面中顯示所有的內容,所以不能使用瀏覽器的前進后退功能,所有頁面切換需要自己建立堆棧管理;SEO難度較大;由於所有的內容都在一個頁面中動態替換顯示,所以SEO上有着天然的弱勢
總結:
整個應用只有一個.html文件
S(Single)P(Page)A(applaction)
單頁應用的優點,全局只有一個html,他的刷新是局部刷新。
優點是:響應速度快,用戶體驗性好
缺點是:不利於SEO(搜索引擎)優化,首頁加載過慢
單頁應用的案例: se6官網