認識路由
先創建一個vue-cli2專案，use vue-router
略…
前端渲染 后端渲染 前端路由 后端路由
后端渲染
- jsp: (java server page) = html+css+java代碼(動態從資料庫讀取資料)
- 服務器端已經渲染好了，網頁已經渲染好了，然后發送給前端
- 服務器端直接生產渲染號物件的html頁面，回傳給客戶端進行展示
- URL會發送給服務器，服務器會通過正則對該url進行匹配，并且最后交給一個controller進行處理
- controller進行各種處理，最終生成HTML或者資料回傳給終端
- php
這種情況下渲染號的頁面，不需要單獨加載任何js和css，可以直接交給瀏覽器展示，這樣也有利于SEO的優化
缺點：
- 所有的東西都是由后端人員來撰寫和維護的
- 前端開發人員需要通過php和java等語言來撰寫頁面代碼
- HTML代碼和資料以及對應的邏輯會混在一起，撰寫和維護都很糟糕
后端路由
后端處理URL和頁面之間的映射關系
前后端分離階段
- 后端只負責提供資料，不負責任何界面的內容
- 輸入URL后，去靜態資源服務器拿html+css+js，js代碼由瀏覽器執行
- 當執行ajax后，向服務器獲取資料后，通過JS渲染HTML和CSS
- 瀏覽器中顯示的網頁大部分內容，都是由前端寫的js代碼在瀏覽器中執行，最終渲染處來網頁
優點：
- 前后端責任清晰，后端專注資料
- 后端服務器并不關心，前端是ios，web，android…，依然使用之前的一套API即可
單頁面富應用階段 SPA
前端路由階段：
一個url映射一個組件，前端路由管理映射關系
url --> 頁面的映射關系，后端不管了！！！
- SPA最重要的特點就是在前后端的基礎上加上了一層前端路由
- 也就是前端來維護一套路由的規則
前端路由的核心
- 改變URL，但是頁面不進行整體重繪
- 如何實作呢？
URL的hash
location.hash = 'url'
history.pushState({},’’,‘home’)
history.back()出堆疊
history.replaceState() 自己不能訪問
histroy.go（-1） 等于 history.back()
history.forward() 等于 history.go(1)
改變url，網頁不重繪
history類似于堆疊結構，url顯示的是堆疊頂元素！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/279691.html
標籤：其他
上一篇：“倒在”金三銀四，金九銀十該怎么準備突破自我？Android面試經驗總結，成功必看......
下一篇：Android