【技能】HTML5下的history模式

         前端渲染：前后端分离（后端只负责提供数据）。浏览器网页中显示的大部分内容是由js代码的执行而渲染出来的。

        单页面富应用SAP：整个网页只有1个html页面。在前后端分离基础上，加上一层前端路由。

       路由：routing，通过互联的网络，把信息从源地址传输到目的地址的活动。

        路由表：本质上是一个映射表。决定了数据包的指向。

路由——决定数据包从来源到目的地的路径。

转送——将输入端数据转移到合适的输出端。

   路由器：提供了路由和转送。

---

默认网址

        通过history.pushState({},'','home')修改网址，且没有重新加载网络资源。类似栈结构，通过history.pushState({},'','不同的名称')入栈，通过history.back()出栈。

 //打开不同的界面。入栈。
1. history.pushState({},'','home');
2. history.go(num); // num=1,2,3,……
3. history.forward(); //等价于history.go(1);

//相当于点击了浏览器右上角的'返回按钮'。出栈
4. history.back();  //相当于history.go(-1);
5. history.go(num); //num=-1,-2,-3,……

         通过history.replaceState({},'','test')修改当前网址。

6. history.replaceState({},'','test'); //替换、修改当前网址