前端路由和後端路由

2021-08-11 05:09:04 字數 1103 閱讀 5375

參考文章:

前端路由:

1,什麼是前端路由?

路由是根據不同的 url 位址展示不同的內容或頁面

前端路由就是把不同路由對應不同的內容或頁面的任務交給前端來做,之前是通過服務端根據 url 的不同返回不同的頁面實現的。

2,什麼時候使用前端路由?

在單頁面應用,大部分頁面結構不變,只改變部分內容的使用

3,前端路由有什麼優點和缺點?

優點使用者體驗好,不需要每次都從伺服器全部獲取,快速展現給使用者

缺點使用瀏覽器的前進,後退鍵的時候會重新傳送請求,沒有合理地利用快取

單頁面無法記住之前滾動的位置,無法在前進,後退的時候記住滾動的位置

簡單的說,我們開啟乙個頁面,這個頁面是個單頁應用:

所以它僅僅只有乙個頁面,不過作者卻做了好幾個 url:

[plain]

view plain

copy

a  b  

c  這些 url 不會直接傳給伺服器,而是會被瀏覽器消化處理掉.

這樣做,我們可以:

1、當瀏覽器讀取到其中乙個註冊到前端路由中的 url 請求時,比如 a 時,可以觸發預先寫好的事件 a,所以當訪問到這個 url 後就可以直接觸發到事件。在編寫的時候可以用 event a 來觸發事件,而可以不用 addeventlistener("click", ...) 這種寫法,當專案邏輯比較複雜的時候,這種組織方式比寫一大堆事件註冊要好很多.(當然上 spa 一般都用到了框架,這種方式只是一種選擇)

2、使用者可以收藏 a 至收藏夾,開啟後直接觸發 /a 的事件(然後就自動載入資料或是什麼別的事情),而沒有做前端路由的 spa 則達不到這樣的效果,其 url 從頭到尾都是不變的.

所以~什麼是前端路由:路由交給瀏覽器處理就算是吧?有沒有教科書式的標準定義?

什麼時候適合用:spa 就可以用,其實還是看產品需求.

優點:如上;

缺點:前端開發麻煩?還需要學習乙個?如果也算缺點吧.

後端路由:

每跳轉到不同的url,都是重新訪問服務端,然後服務端返回頁面,頁面也可以是服務端獲取資料,然後和模板組合,返回html,也可以是直接返回模板html,然後由前端js再去請求資料,使用前端模板和資料進行組合,生成想要的html。

前端路由和後端路由

前端路由 對於單頁面應用程式來說,主要通過url中的hash 號 來實現不同頁面之間的切換,同時,hash有乙個特點 http請求中不會包含hash相關的內容 所以,單頁面程式中的頁面跳轉主要用hash實現 不會涉及到頁面重新整理,只是切換元件 在單頁面應用程式中,這種通過hash改變來切換頁面的方...

前端路由和後端路由

定義 在單頁面應用,大部分頁面結構不變,只改變部分內容的使用 優點 使用者體驗好,和後台網速沒有關係,不需要每次都從伺服器全部獲取,快速展現給使用者 可以再瀏覽器中輸入指定想要訪問的url路徑位址。實現了前後端的分離,方便開發。有很多框架都帶有路由功能模組。缺點 使用瀏覽器的前進,後退鍵的時候會重新...

前端路由和後端路由,前端渲染和後端渲染

vue router是前端路由,koa router是後端路由。定義 在單頁面應用,大部分頁面結構不變,只改變部分內容的使用 優點 使用者體驗好,不需要每次都從伺服器全部獲取,快速展現給使用者 缺點 使用瀏覽器的前進,後退鍵的時候會重新傳送請求,沒有合理地利用快取 單頁面無法記住之前滾動的位置,無法...