單頁面的黃金時代

2021-07-14 04:09:02

什麼是單頁面應用

單頁面應用的英文名稱是SPA(single page application),和傳統的多頁面應用不同，它只有一個頁面，頁面的內容變化都是通過js來進行動態修改渲染。

從定義我們可以看出來，單頁面應用不會涉及到我們之前的前後臺混合編碼，它只需要前端通過介面獲取到相應的資料，就可以自行渲染頁面，也就是說它是前後分離的產物之一，因為有了單頁面應用，讓前後端分離在實戰中有了革命性的進步。

從單頁面的定義我們可以看出來，js對頁面內容的更改是核心，因此單頁面的核心就是JS,話又說回來，現在哪個前端應用能離開JavaScript呢。

因為是單頁面，所以它擁有著頁面的各個狀態，各個頁面的狀態都是可以被收集整理的，如果你接觸過後端的單入口應用的話，那麼你會發現單頁面和它很類似，通過一個全局變數可以掛載整個應用的狀態資料，通過對各個資料的狀態處理，可以大大節省資源的消耗。

此外，單頁面應用非常適合進行PWA的開發，通過PWA的加持，可以讓我們的單頁面應用在離線的時候也有著出色的表現。

現在前端三大框架vue,angular,react都是單頁面的代表，足以見得現在單頁面是多麼的流行。

技術的發展都是為了更好地為應用服務，單頁面就是為了快速開發，團隊開發誕生的產物，有了單頁面，不僅加快了頁面的載入速度，同時也大大增加了開發效率。

以前的時候，我們需要前端能夠會一點後端知識，希望後端可以會一點前端的知識，然而現在，我們更希望一個人可以精通自己的領域，因為現在的應用大部分都是前後端分離的，每個人專注自己擅長的才更有利於團隊和技術的發展。

雖然單頁面已經成為主流，但是它還是有自己身的缺點的，對於單頁面應用，因為其使用了大量的js對頁面進行渲染和操作，因此，在移動端，它會消耗更多的電量，這對於手機等裝置的續航是非常不友好的。

此外，因為所有的頁面都是通過js渲染出來的，所以單頁面對於seo非常的不友好，雖然有各種各樣的解決方案，但是就本身來講，它是單頁面本質上決定的，也許未來的搜尋引擎可能會改變對網站內容抓取的方式，也許未來搜尋引擎可能會通過每個網站的api來對網站進行索引排序。

如果你還沒有使用過SPA，那麼我希望你儘快嘗試，這是屬於SPA的時代，未來的前端應用會怎樣發展，誰也不知道，但是就目前而言，在三大框架流行的今天，單頁面應用就是主流，也是未來的發展方向。

雖然單頁面有著一些缺點，但是瑕不掩瑜，相比於它給我帶來的便利，也許那些缺點很快就會被人遺忘。

現在是移動網際網路的時代，而單頁面應用對於移動端似乎格外的友好，也許這也是它被更多人關注和使用的一個原因。