淺談前后端分離
所謂的前后端分離，到底是分離什么呢？其實就是頁面的渲染工作，之前是后端渲染好頁面，交給前端來顯示，分離后前端需要自己拼裝html代碼，然后再顯示。前端來管理頁面的渲染有很多好處，比如減少網絡請求量，制作單頁面應用等。事情聽起來簡單，但這么一分離又會牽扯到很多問題，比如：
- 資源的按需加載。尤其是在單頁應用中。
- 頁面展現邏輯。分離讓前端的邏輯陡增，需要有一個良好的前端架構，如mvc模式。
- 數據校驗。因為頁面數據都是從后端請求來的，必須校驗要展示的數據是否合法，避免xss或其他安全問題。
- 短暫白屏。因為頁面不是同步渲染的，在請求數據完畢之前，頁面是白屏的，體驗很不好。
- 代碼的復用。眾多的模板、邏輯模塊需要良好組織實現可復用。
- 路由控制。無刷新的前端體驗同時毀掉了瀏覽器的后退按鈕，前端視圖需要有一套路由機制。
- SEO。服務端不再返回頁面，前端根據不同的邏輯呈現不同的視圖（並非頁面），要對搜索引擎友好需要做很多額外的工作。
以上每一個問題都夠棘手，要處理好需要有設計精良又符合實際項目的方案。現在已經有很多框架可以幫我們做這些事情，Backbone, EmberJS, KnockoutJS, AngularJS, React, avalon等等，利用它們可以架構起一個富前端。但框架畢竟是框架，要利用到實際項目中，還是需要有自己的設計，框架並不能解決所有的問題。
之前也有看過淘寶團隊的實踐，利用nodejs做一個中間層，處理頁面渲染、路由控制、SEO等事情，將前后端的分界線進行了重新定義。個人感覺這應該是一個正確的方向，有點顛覆的感覺，前端走向工程化，將變成真正的全棧式大前端。不知現在這種架構是否在淘寶全面鋪開，真有點期待看看效果。