巨群資訊

為了降低 網頁設計 前端開發複雜度，除了 Backbone，還有大量框架湧現，比如 EmberJS、KnockoutJS、AngularJS 等等。這些網頁設計框架總的原則是先按類型分層，比如 Templates、Controllers、Models，然後再在層內做切分，如下圖：

好處很明顯：

1、網頁設計前後端職責很清晰。前端工作在瀏覽器端，網頁設計後端工作在服務端。清晰的分工，可以讓開發并行，測試數據的模擬不難，前端可以本地開發。後端則可以專註於業務邏輯的處理，輸出 RESTful 等接口。

2、網頁設計前端開發的複雜度可控。前端代碼很重，但合理的分層，讓網頁設計前端代碼能各司其職。這一塊蠻有意思的，簡單如模板特性的選擇，就有很多很多講究。並非越強大越好，限制什麼，留下哪些自由，程式碼應該如何組織，所有這一切設計，得花一本的厚度去說明。

3、部署相對獨立，產品體驗可以快速改進。

但依舊有不足之處：

1、程式碼不能復用。比如後端依舊需要對數據做各種校驗，校驗邏輯無法復用瀏覽器端的程式碼。如果可以重複使用，那麼後網頁設計端的資料校驗可以相對簡單化。

2、網頁設計全異步，對 SEO架構 不利。往往還需要服務端做同步渲染的降級方案。

3、性能並非最佳，特別是移動互聯網環境下。

4、而SPA 不能滿足所有需求，依舊存在大量多網頁設計應用。URL Design 需要後端配合，前端無法完全掌控。

轉貼來源：前端文摘

http://www.piece2ec.com.tw/news.asp?ID=1908

參考文獻：

1.項退結譯（1989）。西洋哲學辭典。台北：華香園。（原著Brugger, W. [1953]. PhilosophischesWorterbuch, Verlag: Herder）

2.范碧珍、董又菁（2001）。21 世紀的行銷趨勢--體驗行銷：不只是血拼，體驗式消費時代來臨。突破雜誌，187，26-30。

3.蔡杉源（2003）。百貨零售業體驗行銷策略運用之探索性研究：以漢神百貨開店慶暨母親節活動為例。國立高雄第一科技大學行銷與流通管理所碩士論文，未出版。