zoukankan      html  css  js  c++  java
  • 5. React-router0- spa理解和路由的理解

    SPA理解:

    1spa 理解:

      1 单页面web应用。(单页面多组件)

      2 整个应有只有一个页面。(标题区,导航区, 展示区,多页面:不同的页面进行切换,多个页面实现跳转,)      

      3 不会刷新页面,之会局部更新!!!about组件和 home组件进行交换。

      4 数据都需要ajax获取请求,在前端异步处理展现。(向发送请求给浏览器,动态切换展示区里面的内容) 

    2 路由的理解:

    Home浏览器的地址改成了 /home.

    点击导航区的链接,不会引起页面的跳转。

    浏览器的工作原理。

    home ->组件

    key -> value

    path ->component

    /home->home

    一个路由就是一个映射关系(key:value)。(按钮以改变,路径一改变,key改变,找到value。)

    key为路径,value可能是function或者component。

    2 路由分类:

      1 后端路由:

        1)理解:value是function 用来处理客户端提交的请求。

        2) 注册路由:router.get(path,function(req,res))

        3) 工作过程: node接受的到一个请求,根据路径匹配到路由,调用函数来处理请求,返回响应 的数据。

      2 前端路由:

        

    3 历史发展:

      BOM,DOM。 BOM里面有: window.history, 

      history.js库里面可以。

        pathname ,  key,hash,state,search。

       浏览器的历史纪录是一个栈的 结构 

      push test2 。压入,前进。 replace test3 ,把栈顶替换为 test3。

      回退: histroy.goBack, history.goForward()

      方法1 : 直接使用H5退出history身上的API。  方法2 :hash 锚点跳转。

  • 相关阅读:
    【CYH-02】NOIp考砸后虐题赛:成绩:题解
    UVA12657 Boxes in a Line:题解
    洛谷团队月赛题:题解
    UVA10071 Back to High School Physics:题解
    NOIp2018普及组T3暨洛谷P5017 摆渡车:题解
    洛谷P2001 硬币的面值 题解
    洛谷P1033 自由落体 题解
    尴尬
    UVA11988 【Broken Keyboard (a.k.a. Beiju Text)】:题解
    linux基础命令学习(十二)yum命令
  • 原文地址:https://www.cnblogs.com/hacker-caomei/p/14363201.html
Copyright © 2011-2022 走看看