前後端分離的必要性

2021-07-25 19:40:36 字數 768 閱讀 9903

前後端分離之前

在前後端分離觀點出現之前,我們往往都是後端直接使用後端模板引擎渲染出html頁面,當然這個時候對於前端來說是異常痛苦的,他們不僅需要學習後端模板引擎的語法還得配置後端的開發環境。

前後端分離的萌芽

為了讓前端無需配置後端開發環境和學習後端的模板引擎,乙個簡單的前後端分離方案出現了,它就是前端編寫靜態頁面,然後通過ajax從後端拉取資料,然後渲染頁面即可,而渲染方法往往就是拼接字串或者使用js的dom操作。

前端模板渲染的進化

拼接字串的方法對於後期維護來說是災難性的,根本沒有可讀性。而js操作dom需要大量的**量,對於開發效率來說是低效的。所以前端模板引擎應運而生,使用模板引擎往往只需要引入乙個js即可,學習門檻也非常低,渲染出html之後,只需要替換特定的dom元素即可。

前端工程化

在前端進入ajax拉取資料,通過模板引擎渲染頁面的時期之後。前端還存在乙個亟需要解決的問題,就是多個頁面之間往往存在重疊的部分,一開始前端是copy重疊部分**到每乙個頁面,弊端也顯而易見,就是這重疊部分一旦需要需改的話,每個頁面都會被牽連到,這工作量是巨大的,這個時候前端打包技術出現了,能夠讓前端像後端一樣頁面可以引用,js和css可以合併。

angular,react,vue

前端圈子最熱的三個框架莫過於angular,react,vue,從使用難度來說vue入門門檻最低,所以雖然最晚出現,但是普及相當的快。

正所謂存在即合理,那麼這三個框架的出現是為了解決什麼問題呢?

世間沒有完美的事物,這三個框架也不例外:

一點點想說的

this的必要性

先看下面一段 lesson8 necessary of this class person show name public void showinfo class demo 8 1 this屬於乙個物件,代表的是物件,其實就是乙個物件的引用,只能在類定義的方法中使用。那麼它代表那個物件呢?答 哪個...

it 的必要性

for std vector iterator itlocal m vecsoftwareer.begin itlocal m vecsoftwareer.end else it 如上所示,c 98中map erase並沒有返回值為iterator的原型函式。那麼問題來了it map.erase i...

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...