一、SPA的理解
1.單頁面web應用(single page web application ,SPA)
2.整個應用只有一個完整的頁面
3.點擊頁面中的鏈接不會刷新頁面,本身也不會向服務器發請求
4.當點擊路由鏈接時,只會做頁面的局部更新
5.數據都需要通過ajax請求獲取,并在前端異步顯現
二、路由的理解
1.什么是路由??
a.一個路由就是一個映射關系(key:value)
b.key為路由路徑,value可能是function/component
note:路由器的.get方法叫注冊路由(第一個參數是path,第二個參數是function)
2.路由分類
a.后臺路由:node服務器端路由,value是function,用來處理客戶端提交的請求并返回一個響應數據
b.前臺路由:瀏覽器端路由,value是component,當請求是路由path時,瀏覽器端前沒有發送http請求,但界面會更新顯示對應的組件
3.后臺路由
a.注冊路由:youter.get(path,function(req,res))
當node接收到一個請求時,根據請求路徑找到匹配的路由,調用路由中的函數來實現處理請求,返回響應數據
4.前臺路由
a.注冊路由:<Router path="/abou" component={about}>
b.當瀏覽器的hash變為#about時,當前路由組件就會變成About組件
?
前端路由的實現:使用基于React開發的第三方庫
?