cookie相关

 

 

 

 

应用场景：

（1）邮箱登录，第二次访问时，会自动填写

（2）两周内自动登录

 

 

【JS应用cookie】

（1）本质：

document.cookie可以理解为document上的一个属性

（2）过期时间

如果不设置过期时间，则回到浏览器关闭时自动清除

（3）日期对象

 

（4）设置时间

 

 （5）设置过期时间expires

 

（6）封装cookie--写入

（7）封装cookie--读取（截取）

首先注意，多个cookie间用封号;+空格隔开

 

 

 

 如果第一次登陆，可能没有cookie，所以需要返回空字符串

 

（8）优化

因为cookie大小数量有限，所以需要进行适当删除，优化性能

（9）删除cookie

 

 设置-1天之后过期

（10）案例

 

①编写form

　　

②操作分步骤

　  

③ 存储cookie

　　第一步：登陆时存储

　　　　

 

 　　第二步：onload加载时获取

　　　　

 

 　　④其他应用

　　　　多窗口间同步数据

　　　　存储用户名，游戏进度等... ...总之不能太大

 

 

 

 

 

 【本地测试】

　　本地测试时推荐使用火狐进行测试，会自动保留cookie，且测试较为方便。旧版的chrome和ie会将cookie干掉

 

 

 

【注意】

1、同一个网站公用一套cookie，即同域名
2、大小限制4-10K，浏览器不同

3、数量限制，一般一个网站最多50条cookie

4、cookie不可以跨域，可以结合后台请求放置到请求里，再利用jsonp实现跨域

 

 

【其他持久化存储方法】

1、淘宝的acookie，百度的...cookie等，用了类似于计算机病毒的方式来持久化存储信息

 

 

.