3、單頁應用沒有頁面之間的切換,就不會出現「白屏現象」,也不會出現假死並有「閃爍」現象。
**4、單頁應用相對伺服器壓力小,伺服器只用出資料就可以,**不用管展示邏輯和頁面合成,吞吐能力會提高幾倍。
**5、良好的前後端分離。**後端不再負責模板渲染、輸出頁面工作,後端api通用化,即同一套後端程式**,不用修改就可以用於web介面、手機、平板等多種客戶端。
1、首次載入耗時比較多。
解決辦法:可以採用基於http chunk 的首屏資料漸進式預載入方案,該方案總體減少了單頁應用1.2s的首屏呈現時間。首屏資料漸進式預載入的優化思路也得到了體現: 優化首屏資料載入節點的速度。 預先載入首屏資料,使得多個序列節點並行化。
解決辦法:可以採用prerender服務,它拿到請求夠,直接在服務端的乙個js engine裡,執行這個html(就像瀏覽器做的那樣),直到內容動態填完之後,再廣播乙個事件告訴phantomjs「內容已經好了,可以返回給爬蟲了」,這樣爬蟲就拿到了乙份完整的html,就和在瀏覽器裡渲染完的一樣。目前流行的框架都有對應的伺服器渲染框架,如:
rect伺服器渲染框架:next.js
vue伺服器渲染框架:nuxt.js
3、如有造成css命名衝突。
解決辦法:我們可以使用sass、less和stylus等css預處理器,在一定程度上可以解決該問題。
4、由於單頁web應用在乙個頁面中顯示所有的內容,所以不能使用瀏覽器前進、後退、位址列、書籤等,所有的頁面切換需要自己建立堆疊管理當然此問題也有解決方案,比如利用uri中的雜湊+iframe實現。
單頁面應用的優缺點
單頁面應用 spa 只有一張web頁面的應用,是一種web伺服器載入的富客戶端,單頁面應用僅重新整理區域性資源,公共資源 js css 等僅需載入一次。常用語 的pc端的官網或者是網上購物平台等。多頁面應用 1 使用者體驗好,快,內容的改變不需要載入整個頁面,從而對於伺服器的壓力較小。2 前端與後端...
單頁面應用的優缺點(SPA)
單頁面應用 spa 通俗一點說就是指只有乙個主頁面的應用,瀏覽器一開始要載入所有必須的 html,js,css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候,還是會分開寫 頁面片段 然後在互動的時候由路由程式動態載入,單頁面的頁面跳轉,僅重新整理區域性資源。多應用於pc端。多頁面 mpa ...
單頁面應用程式的優缺點
2.良好的前後端工作分離模式 後端不再負責模板渲染 輸出頁面工作,後端api通用化,即同一套後端程式 不用修改就可以用於web介面 手機 平板等多種客戶端。3.減輕伺服器壓力 單頁應用相對伺服器壓力小,伺服器只用出資料就可以,不用管展示邏輯和頁面合成,吞吐能力會提高幾倍。二 缺點 1.首屏載入慢 如...