用源码怎么做网站,网站建设图片如何放在网站上,营销型网站与普通网站的区别,网站怎么排名实际上#xff0c;cookie本身并不是用来做服务器存储的#xff0c;关于jscookie存储的理解#xff0c;可以参考我记录的js的数据存储专栏。
Cookie 是一些数据, 存储于客户端电脑上的文本文件中#xff0c;其中记录了用户的用户名、密码、浏览的网页、停留的时间等等信息。…实际上cookie本身并不是用来做服务器存储的关于jscookie存储的理解可以参考我记录的js的数据存储专栏。
Cookie 是一些数据, 存储于客户端电脑上的文本文件中其中记录了用户的用户名、密码、浏览的网页、停留的时间等等信息。当 web 服务器向浏览器发送 web 页面时在连接关闭后服务端不会记录用户的信息。
简单的说就是
(1) cookie是以小的文本文件形式即纯文本完全存在于客户端cookie保存了登录的凭证有了它只需要在下次请求时带着cookie发送就不必再重新输入用户名、密码等重新登录了。(2) 是设计用来在服务端和客户端进行信息传递的
当用户访问 web 页面时他的名字可以记录在 cookie 中。在用户下一次访问该页面时可以在 cookie 中读取用户访问记录。js-cookie的引用 1.直接饮用cdn
script srchttps://cdn.jsdelivr.net/npm/js-cookie2/src/js.cookie.min.js/script2.本地下载下来后
script src/src/libs/utils/js.cookie.js/script3.模块化开发时:
npm i js-cookie
import Cookies from js-cookie cookie的使用 cookie的使用方法 cookie的set方法支持的属性有 expires-过期时间 path-设置为指定页面创建cookieimport Cookies from js-cookie
// 写入cookie
Cookies.set(name, value)
// 读取
Cookies.get(name) // value
// 读取所有可见的cookie
Cookies.get()
// 删除某项cookie值
Cookies.remove(name)
Cookies.remove(name, { path: }); // path配置删除存了指定页面path的cookie注意如果存的是对象
如 userInfo {age:111,score:90};Cookie.set(userInfo,userInfo)
取出来的userInfo需要进行JSON的解析,解析为对象
let res JSON.parse( Cookie.get(userInfo) );
当然你也可以使用Cookie.getJSON(userInfo); 真实业务中封装一个js文件单独封装一个cookie存储删除的方法js在其它页面可以直接引用这样代码维护行会比较高
export const TOKEN_KEY pk_h5_token
export const APPTOKEN_KEY pk_h5_apptoken
export const REFERURL_KEY pk_h5_urlexport const setToken (token) {Cookies.set(TOKEN_KEY, token, {expires: cookieExpires || 1})
}export const getToken () {const token Cookies.get(TOKEN_KEY)if (token) return tokenelse return false
}export const removeToken () {Cookies.remove(TOKEN_KEY)
}
cookie的过期时间
js-cookie 的示例中只有以天为单位的有效期按天数设置过期时间的话直接在expires后设置天数日期即可实际上我们还可以设置时间戳来应对更小的过期时间如果过期时间小于一天的话expires还可以设置毫秒数比如设置10分钟就先把10分钟换算成毫秒在new Date()一下就可以可以获取到一个时间对象 new Date(new Date().getTime() 10 * 1000) // 10秒后过期 new Date(new Date().*1 10 * 60 * 1000) // 10分钟后过期 new Date(new Date().getTime() 720 * 60 * 1000) // 12个小时之后过期这里获取到的就是距离当前时间的12个小时之后的时间 //创建有效期为27天的cookie
Cookies.set(key, value, { expires: 27 });//可以通过配置path,为当前页创建有效期7天的cookie
Cookies.set(key, value, { expires: 7, path: });
业余知识普及记录一下以下方法皆可以获取最新时间戳Date()对象 *1或者运用符号可以直接转换为时间戳并且在将数学运算符应用于该对象时JavaScript会为我们转换该数字获取时间戳的更快方法new Date(); new Date().valueOf() new Date().getTime() Date.parse(new Date()) new Date() * 1 new Date()
