天天看點

快速了解SPA單頁面應用

簡要

  SPA單頁網頁應用程式這個概念并不算新,早在2003年就已經有在讨論這個概念了,不過,單頁應用這個詞是到了2005年才有人提出使用,SPA的概念就和它的名字一樣顯而易懂,就是整個網站不再像傳統的HTML網頁一樣,需要每做一個動作就更新一次網頁,而是像傳統的電腦軟體一樣,隻變更顯示的内容而不需變更整個網頁!概念很簡單,但是,事實上卻有不少的問題要考慮。

了解單頁面應用

  簡單來說SPA的網頁隻會有一個網頁,而這個網頁的設計方式要能夠回應使用者所使用的各種裝置并且複制使用者在電腦上使用軟體的經驗,讓使用者可以更容易和有效率的使用網站。怎麼了解這句話呢?按照正常情況下我們會在一個頁面中連結到其他的很多個頁面,進行頁面的跳轉,但是如果我們使用單頁面應用的話,我們始終在一個頁面中,通常使用a标簽的描點來實作。

單頁面應用的優缺點

  其實并不是所有開發者都覺得網頁要以SPA的方式來開發,因為,有部份的人認為以SPA方式開發的網站不容易管理也不夠安全,而且,因為沒有了一頁一頁的網頁給搜尋引擎的爬蟲來爬,是以,在搜尋引擎最佳化(SEO)的工作上,需要花費額外的功夫才行,同時,因為沒有換頁,是以,需要自定狀态來取代傳統網頁程式以網址來做判斷!    SPA的需求應該是一直都有存在的,像網頁遊戲的網頁就是一個明顯的SPA的例子,隻不過,在這之前,要寫出SPA這樣的網頁的話,都是需要透過浏覽器安裝Flash之類的外挂來達成。   不過,近來拜HTML5 + CSS3 + Javascript UI Framework之賜,隻要使用支援HTML5和CSS3的浏覽器就可以執行複雜的SPA,是以,開發人員不必為了撰寫SPA網站而特别學習另一種開發方式,而使用者也不用額外安裝軟體,是以,讓開發SPA網頁程式的入門和使用門檻降低不少! 不過,雖然SPA的開發和使用變的容易,但是,大部份的人有這樣的想法,就是在現階段來說,并不是所有的網站都适合采用SPA的方式來開發,而是像遊戲和需要較多使用者操作的網頁程式應該會比較合适,還有,就是需要被使用在不同裝置的網頁會比較有需要,而如果是一般的網頁網站或單純的内容網站的話,就不太适合,因為花費時間來将這類型的網站轉換成SPA網站的話,并不一定會有比較好的效果和反應!

繼續閱讀