双token验证及CSS样式

双token验证

对于一个网站，首先是进入主页面，然后如果要执行特定的功能，进入个人中心，发博客，评论之类的就需要登录，此时进入特定的页面要判断当前是否登录了账号。

执行登录操作，可以使用双token验证流程，首先是正常的登录操作，在后台服务器验证账号密码成功之后，返回两个token，一个是accessToken，一个是refreshToken。

在进行服务器请求的时候：

先将Token发送验证，如果accessToken有效，则这次返回请求结果；如果accessToken无效，则验证refreshToken，此时如果refreshToken有效则返回请求结果和信的accessToken和新的refreshToken；如果两个token都无效，则提示用户进行重新登录

refreshToken的有效期必须大于accessToken的有效期，一般是后者的两倍。

java获取token的方式：

• 通过cookies

String token =null;
Cookie[] cookies = request.getCookies();
if (cookies != null && cookies.length != 0) {
    Cookie[] var = cookies;
    int var2 = cookies.length;
    for(int var3 = 0; var3 < var; ++var3) {
        Cookie cookie = var[var3];
        if (cookie.getName().equals("token")) {
           token =cookie.getValue();
        }
    }
}

•  通过请求头

if (StringUtils.isEmpty(token)) {
    token = request.getHeader("token");
}

• 通过请求参数

if (StringUtils.isEmpty(token)) {
        token = request.getParameter("token");
}

颜色渐变： 

/* 线性渐变 */
background: linear-gradient(to right, #efefef, #333333);
/* 径向渐变 */
background: radial-gradient(circle, #ffffff, #000000);

显示和隐藏元素：

/*隐藏元素*/
display:none
/*显示元素*/
display:block

CSS样式：

cursor规则：

网页浏览时用户鼠标指针的样式或图形形状：

default：默认光标（通常是一个箭头）

auto：默认，浏览器设置的光标

crosshair：光标为十字线

pointer：光标为一只手

move：光标为某对象课移动

text：光标指示文本

wait：光标指示程序正在忙，通常是一只表或者一个沙漏

使用 unpkg CDN：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用 jsDelivr CDN：

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

伪类选择器：

1.a:link 未访问过的 样式
2.a:visited 访问过的 样式
3.?:hover 鼠标处于鼠标悬停状态的 样式
4.?:focus 鼠标点击聚焦
5.?:active 当鼠标左键按下时，被激活的样式