cookie的应用实例
在之前的网络环节介绍过cookie的基本只是以及应用具体请看https://blog.csdn.net/care_yourself/article/details/99889560,对于cookie的应用,首先先介绍一下时间的设置,因此在cookie中需要对其存储的时间的长短进行设置,如果超过了这个时间cookie就会被自动的删除。在Date()方法中,有setDate()与getDate()两种方法,第一个是去设置时间,第二个方法是去获取时间。在cookie中的expires正是去设置时间日期,而max-age是去设置时间的秒数。因为getDate()方法获取到的是时间的日期因此在下面就用的expires来表示cookie存储时间的长短,因此就可以看下面的代码实例:
在上面的实例中有一个删除cookie的方法,删除cookie的方法也非常的简单,只需要将max-age的值设置为-1。为了方便cookie的管理,在此封装了一个函数来管理cookie,封装的方法如下:
下面写一个具体使用cookie的实例,下面要实现的功能就是使用拖拽,拖拽完成之后使用cookie来保存此时的信息,当下一次打开窗体时,让物体停留在cookie保存的位置上,首先对cookie进行管理。在这里主要在getCookie中增加了一个回调函数,以便于初始化的时候去获取信息。代码如下:
接着就是在拖拽完成之后保存最后一次的cookie的位置,对于拖拽事件不清楚的请看我之前所写的拖拽事件的逻辑实现的博客https://blog.csdn.net/care_yourself/article/details/99699525。接下来就是存储被拖拽到的具体位置:
最后就是写一个初始化的函数,去获取到之前设置好的cookie的数据,下面时init()函数的封装及其调用代码实例:
一个使用cookie来保存拖拽之后的例子就此完成,cookie的应用范围时非常的广,但是其基础的知识还是比较的简单,关键是在于如何的应用,如何的去管理。