單頁Web應(yīng)用 SPA（single page web application）

單頁Web應(yīng)用 SPA（single page web application）

什么是SPA單頁web應(yīng)用

單頁Web應(yīng)用無疑是目前網(wǎng)站開發(fā)技術(shù)的弄潮兒，很多傳統(tǒng)網(wǎng)站都在或者已經(jīng)轉(zhuǎn)型為單頁Web應(yīng)用，新的單頁Web應(yīng)用網(wǎng)站（包括移動平臺上的）也如雨后春筍般涌現(xiàn)在人們的面前，如Gmail、Evernote、Trello等。如果你是一名Web開發(fā)人員，卻還沒開發(fā)過或者甚至是沒有聽說過單頁應(yīng)用，那你已經(jīng)Out很久了。

查看Demo： https://spa-demo.ibenchu.com/

為什么這樣做

• 良好的交互體驗

用戶不需要重新刷新頁面，獲取數(shù)據(jù)也是通過Ajax異步獲取，頁面顯示流暢。 也就是頁面無刷新，用戶可以像操作本地APP 一樣操作網(wǎng)頁。

• 良好的前后端工作分離模式

單頁Web應(yīng)用可以和RESTful規(guī)約一起使用，通過REST API提供接口數(shù)據(jù)，并使用Ajax異步獲取，這樣有助于分離客戶端和服務(wù)器端工作。更進(jìn)一步，可以在客戶端也可以分解為靜態(tài)頁面和頁面交互兩個部分。
換句話說，后端再也不用費勁地套前端模板了，把這些事都扔給前端做吧，只需要做好自己的API接口就行。

• 減輕服務(wù)器壓力

服務(wù)器只用出數(shù)據(jù)就可以，不用管展示邏輯和頁面合成，吞吐能力會提高幾倍。
前端的頁面可以部署在CDN上，進(jìn)一步提高速度，而后端只需要1-2M的帶寬處理API接口

• 共用一套后端程序代碼

不用修改后端程序代碼就可以同時用于Web界面、手機(jī)、平板甚至智能硬件等多種客戶端。 這對于后期的拓展，程序改動（需要調(diào)用數(shù)據(jù)或者開放接口）來說，能夠大大減少工作量

誰在這樣做

國內(nèi)一線互聯(lián)網(wǎng)企業(yè)已經(jīng)開始這樣做， 尤其是BAT, 目前釘釘、滴滴 已經(jīng)大面積使用。

我應(yīng)該如何做

如何基于 Notadd 構(gòu)建 API

如何用 Vue2 寫出 web 單頁應(yīng)用