day13【微信扫描登录】/05-尚硅谷-谷粒学院-登录前端整合（退出）

退出功能呢，应该是一个最基础功能，咱登录之后肯定可以退出，而退出之后各位应该知道啊，当咱们点退出之后，在我的页面中的这位置要显示的是不应该是登录注册，它就不显示昵称和头像，因为你已经退出了，那在下面写下这个退出的操作。咱们先找到退出这个超链接，或者说这个按钮的位置啊，然后咱们写个方法来实现，那我们找到啊，在这个default这个页面中往上找到这个退出。我们找一下啊，退出那在哪里啊，呃，就是这个位置啊，这是一个超链接要退出，然后退出里边呢，有一个世界，咱们有个方法叫logout，那我下面把这方法写一下，就写一个退出的这么一个功能。咱们啊小弟位置这个是显示就是用户信息，然后下面是。退出，退出就是logout。

那退出怎么做呢？给各位啊快速分析一下，这个过程应该不复杂了，大家注意啊，因为咱们啊登录我们要获取登录数据在页面显示，而咱获取数据是不是从cookie中取到的，那咱们要退出怎么做？大家就能想到啊，我把库中的数据给它清空，是不是就可以做到，就把库中的值给它清掉，那里边就取不到数据，它取不到数据这位置就不是登录，里面就显示都是注册，这就是他的实验思路，把cookie中的值给它清空就可以做到啊，那我们写一下啊。就是清空cookie里边的值，那这值怎么清空，给大家说一下啊，就是它的清空呢，并没有一个直接方法，它不像我们啊用，比如说某些对象中有什么有什么delete，它里边没这个方法，而它的提空怎么做呢？咱们写的话还是写这个代码，我把这个直接复制，然后用它改一下啊，这是咱那个鼓励。

To开，然后还有一个是U3，把这两个cookie中的值都给它拿过来，然后咱们把它清空，怎么清空呢？大家注意啊，它的做法很简单，第一个这是你cookie的名字，然后你把它的值的位置改成一个空。啊，改成个空啊给它改一下，包括这位置也改成一个空。再改一下啊，而这样的话，那这值可以清空，也就是说你在向相同名称的这个里边设置一个空值，那值就不存在了，它会把之前那值给它覆盖，用空做覆盖，这就是一个退出的一个效果，把cookie值清空，然后这是cookie的名字啊，这是你清空那个值，然后这是它那个作用范围，因为咱都是本地嘛，写local house。然后当你清空之后，最后咱肯定要跳转到就是还是回到我们的首页面啊。就回到首页面。

然后回到水面方式，你可以用路由跳转，或者用咱们刚才这种方式都可以啊，我就还这么做了，window.location.href，然后咱们斜杠这样的话，这个就做到了啊，就是清空方法，把cookie值清空就可以做到，然后里边我一点这位置显示就是登录注册cookie值已不存在了。在这个啊，就是一个最基本的一个方法啊，注意能给他快速做到啊。我把这个给大家也是截过来，退出的方法就是把cook值清空，而cookie怎么清空呢？它并没有单独的方法，就是你再创建一个跟之前名字相同的这么一个设置，把里边值变成空，它就会把之前销售名称的空值给你覆盖掉，变成一个空值再取就没有数据了啊，这就是退出。所以这是关于我们这个登录过程啊，也就是说咱们在这个首页面中，咱们把登录注册完成了，然后注册里边咱就是在页面中我们输入基本信息，包括咱需要发送一个手机验证码，然后点注册可以做到，然后登录，根据你注册的手机号和密码，然后点登录，把这个进行一个登录，登录之后在手页面中会显示你的用户昵称，还有用户头像，包括还有一个退出，就是把估值清空就可以了，所以这个啊是咱们做的这么一个基本内容啊。

所以大家把这个呢先出来啊，而且过程中就是咱们刚才这个稍微麻烦一点，我要求各位啊，这个流程你给他记住，比如说以后面试中别人问到的，给别人说的，就是说这个流程每步都是怎么做到的啊，因为这里边没有什么特别的技术，技术都是我们学过的，主要这个实验的一个过程。所以咱们啊，把它就说完了啊，然后这个说完之后，我们今天的第一部分内容就完成了关于这个登录的整合，然后完成之后呢，咱进入到我们今天的第二部分。

第二部分呢，咱们还是做登录，但是咱们换一种方式，用这个叫微信扫码登录，把这个登录功能实现。