單頁Web應用怎麼樣？

一門新的技術誕生總會引來一番爭議，單頁Web應用程序也不例外，其最大的優勢在於用戶體驗，對於內容的改動不需要加載整個頁面;對服務器壓力很 小，消耗更少的帶寬，與面向服務的架構更好地結合。使用HTML+CSS+JavaScript編寫應用程序，能使更多的開發者都加入到程序開發的行列。

在舊金山創業公司3scale網站上經常有人會問道：“究竟什麼樣類型的Web架構會成為最終的贏家?是HTML5還是App+API?”我們的答案非常簡單：“將兩者集合。” 來自Alexander Aghassipour和Shajith Chacko發表的這篇文章講述了單頁應用程序是如何創建而來的。文章講述了Web應用設計趨勢——利用JavaScript並訪問核心API將多頁的Web應用轉換成單頁的應用。開發單頁Web應用利器新的前端架構包括Backbone.js，Ember.js，Angular.js以及Meteor; 使用Gmail和Google Docs對於單頁模式來說早已不是稀奇之事，Trello正是使用單頁面程序元素(比如infinite scrolling/loading，in-line content無限滾動/加載，內鏈內容);此外，像Twitter、Facebook、Pintrest這些大型的社交網站都使用了單頁面程序設計元 素。

單頁面應用是指用戶通過浏覽器加載獨立的HTML頁面並且無需離開此導航頁面，這也是其獨特的優勢所在。對用戶操作來說，一旦加載和執行單個頁面應 用程序通常會有更多的響應，這就需要返回到後端Web服務器，而單頁面應用為用戶提供了更接近一個本地移動或桌面應用程序的體驗。

單頁Web應用程序的優點：

首先，最大的好處是用戶體驗，對於內容的改動不需要加載整個頁面。這樣做好處頗多，因為數據層和UI的分離，可以重新編寫一個原生的移動設備應用程序而不用(對原有數據服務部分)大動干戈。

單頁面Web應用層程序最根本的優點是高效。它對服務器壓力很小，消耗更少的帶寬，能夠與面向服務的架構更好地結合。

單頁Web應用程序的缺點：

雖然還有一些歷史遺留問題(大部分是針對HTML5的改進)以及SEO。如果你看中SEO，那就不應該在頁面上使用JavaScript，你應該使 用網站而不是Web應用。目前該技術還存在一些爭議，但這並不是重點，因為這種類型的體系架構為SAAS Web Apps提供了一個極大的可用性。

單頁Web應用程序的結構很簡單：首先傳遞HTML文檔框架;然後使用JavaScript修改頁面;緊接著再從服務器傳遞更多數據然後再修改頁 面，如此循環。從性能的角度看，在現代浏覽器中單頁面Web App已經能夠和普通應用程序相媲美，而且幾乎所有的操作系統都支持現代的浏覽器。使用HTML+CSS+Javascript編寫應用程序，能使更多的 人們都加入到程序開發的行列。

這足以說明，在Web設計過程中標志著Web將呈現一種新的趨勢，它將一個分離的功能層作為API並將表示層用APP的形式體現出來 (HTML5或Native)：

單頁面+API模式比基於應用程序的HTML多重頁面更加靈活，因為底層API可用於多種不同的上下文、形式因素和設備類型。一旦網頁內置了API，能夠滿足客戶不同需求(比如合作伙伴vs最終用戶)。

該模式意味著本地Web應用能夠為用戶無論是基於什麼平台提供更接近一個本地移動或桌面應用程序的體驗。服務平台的移動後端比如Stackmob、Parse、Appcelerator、Kinvey以及Kii借助一些標准的API後端元素可提供跨平台用戶體驗。

協議(如openAuth (oAuth) 成為作為用戶授權的黃金標准已被廣泛采用，提供了一個共同的模式。從應用程序和內容中將單獨登錄/授權問題分離出來。也就是說用戶的身份可以從內容、功能和用戶體驗中清晰地分離出。

一個單頁面Web應用程序就是一個Web應用程序，但結構不同。其中最重要的是：在第一次請求的時候，所有的標記語言(HTML)就已經傳輸到客戶 端，其余的請求都通過REST API獲取JSON數據，數據的傳輸通過Web Socket API或遠程過程調用。單頁面應用程序可以說是分拆Web技術的最後一步——通過分離(css)內容，改進架構(XML和 XSLT)上的靈活性，調用服務器(AJAX)再到解壓應用程序的導航頁面結構。因此，這在Web發展中是個歷史性的轉折點。

目前這只是單頁面Web應用開發的初期，但可以看出將單頁面應用、APIs以及JavaScript結合在一起將成為許多流行應用的規范。

所以，當被問到“HTML5是App+API?”，我們會說，“兩者皆是——將兩者結合在一起要比以往快很多。”單頁面應用是一個塊非常大的拼圖。當然，導航、歷史性和SEO等問題也成為單頁面Web應用的诟病。

以上就是我們給大家介紹的單頁Web應用了。希望大家繼續關注我們的網站!