聊一聊前後端分離的那些事兒

前言

前一段時間學着用vue寫好了一個項目框架,用來改變曾經老項目的整體框架。因爲之前的項目框架過於繁重,在那個基礎上再增加新的內容只會讓項目越來越重。

起因

不過在寫完框架的起初還算歡喜,也是經歷了一些坎坷修改,最終也算是完成的可以。不過在寫代碼期間,因爲需要將項目放到tomcat上面運行,每次編寫一些新內容或者修改問題的時候就需要打包再扔到tomcat下面去運行,過程比較繁瑣。而且感覺還是沒有做到和後端分離,畢竟在最初的項目中,有些前端的跳轉時需要通過後端來進行操作判斷的,有一種藕斷絲連的感覺。調試的時候也是前前後後的來回測試,有些明明是前端控制的,到最後卻需要後端來改一些東西去支持纔可以。

問題

  • 渲染和取值都是在客戶端進行的,有一些性能上的問題
  • 邏輯沒有辦法重用,有一些校驗需要前端做完,後端再來一次
  • 而針對路由來講,前端的路由後端並不存在

關於分離

或許做到前後端真正的分離,纔可以更好的完成一個項目。我們可以通過nodejs,從傳統認知的前後端向重新定義的前後端進行轉變。在服務器與瀏覽器中間添加一箇中間層——nodejs。
在這裏插入圖片描述在這裏插入圖片描述
在重新定義前後端分離之後,他們的職責劃分將變爲
在這裏插入圖片描述
有了這樣的結構劃分,相信之後的項目會更加健壯,這應該也是一個前端工程師學習的方向。

引進nodeJS的變化

  • 在發起多個異步請求的頁面中,nodejs可以和並請求降低負擔,也不會影響體驗,將請求從串行變爲並行,大幅縮短請求時間
  • nodejs可也一合理的分配多臺服務器從而帶來最大的產出
  • 前後端將可以共享路由及模板,不論是前端跳轉還是輸入網址跳轉,都可以將頁面完美渲染

總結

在引入nodejs的前後端分離中,所帶來的變化一定會比想到的多,所以努力學習吧。一定會將這個問題拿下的。加了個油~

【注:本文中一些內容引用於】

https://2014.jsconfchina.com/slides/herman-taobaoweb/index.html#/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章