标签:存储 day14 sessionID cookie key localStorage 对应
1.http(网络传输协议)https(安全) 特点: 无状态 (不知道访问者是谁) 无连接 (连接完成后会断开) 长连接/短连接 (key-alive属性来指定的) 2.既然我们的http协议是无状态的 那么我们怎么区分对应的访问者(孕育而出了一个sessionID 来做区分) 谁访问 就给谁一个对应的sessionID,(通过这个sessionID来做区分)3. 这个sessionID是怎么给到你的呢? 他是通过在访问的时候 给你分发一个sessionID 保存到你的机器上 (存在于你的浏览器上 cookie)**sessionID是依赖于cookie进行存储的** **cookie会随请求一起过去** 这个时候我们的http的无状态就解决了
刚才在上面我们已经知道了对应的cookie是存储对应的sessionID 那么是不是就证明了我们的cookie是一个容器的(这个容器的大小只有4k) 是一个容器我们就有对应的增删改查的方法
4. cookie里面是什么样 //name是对应的cookie的名字 key=value expires 过期日期 path 访问路径(才携带cookie) domain 跨域操作 secure 安全 对应的属性有 键=值 (名字=值) expires 过期时间(关闭浏览器失效)* path 访问路径(指定对应的路径携带cookie) domain 跨域 (可以跨域的域名) secure 安全
5. URI编码和解码
encodeURIComponent 编码 decodeURIComponent 解码
6. 增删改查 a 添加 直接赋值 document.cookie = "key=value;" b 获取 采用读取字符串的形式 console.log(document.cookie.split(";")[0].split("=")[1]) //拿到value值 c 删除 设置过期时间 document.cookie = "key=value;expires="+new Date() d 修改 重新设置就是修改 document.cookie = "key=hello;" 7. cookie的特性 a为了解决http无状态的问题 b.存储只有4k左右 c.他是存储在浏览器上 d.他会随请求携带 e.他可以被伪造和修改(不安全)
8.cookie和localStorage的区别 a localStorage容量大于cookie b localStorage存储的位置和cookie不是一个地方 c localStorage对应的不会随请求携带(本地缓存) d cookie 在后续的框架中也会使用 但是他使用的是对应的库(cookie.js) https://www.mianshigee.com/project/cookie-js/
9. localStorage的方法 getItem(key) 获取元素 setItem(key,value) 设置元素 removeItem(key) 移除元素 10.JSON是一种数据格式(json字符串) 他通用我们对应的网络传输(xml)他是一种数据格式 而在对应的JavaScript他是一种数据类型 json俩种显示方式 a 对象 {} .key var jsonObj = {} b 数组 [] 使用下标 var jsonArray =[] a 反序列化操作 (将字符串变成对象) JSON.parse() * eval() b 序列化操作 (将对象变成json格式的字符串) JSON.stringify() * **localstorage和cookie存储的格式(字符串)以后再存储数据的时候直接存储json格式字符串 取出的时候利用反序列化转为对象**
标签:存储,day14,sessionID,cookie,key,localStorage,对应 来源: https://www.cnblogs.com/kakaya/p/16361671.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。