教研网站建设方案,500强网站建设,电商网站建设课件,网站如何在百度刷排名浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式#xff0c;可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别#xff1a; 1、保持状态#xff1a;cookie保存在浏览器端#x…浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别 1、保持状态cookie保存在浏览器端session保存在服务器端 2、使用方式 1cookie机制如果不在浏览器中设置过期时间cookie被保存在内存中生命周期随浏览器的关闭而结束这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间cookie被保存在硬盘中关闭浏览器后cookie数据仍然存在直到过期时间结束才消失。 Cookie是服务器发给客户端的特殊信息cookie是以文本的方式保存在客户端每次请求时都带上它 2session机制当服务器收到请求需要创建session对象时首先会检查客户端请求中是否包含sessionid。如果有sessionid服务器将根据该id返回对应session对象。如果客户端请求中没有sessionid服务器会创建新的session对象并把sessionid在本次响应中返回给客户端。通常使用cookie方式存储sessionid到客户端在交互中浏览器按照规则将sessionid发送给服务器。如果用户禁用cookie则要使用URL重写可以通过response.encodeURL(url) 进行实现API对encodeURL的结束为当浏览器支持Cookie时url不做任何处理当浏览器不支持Cookie的时候将会重写URL将SessionID拼接到访问地址后。 3、存储内容cookie只能保存字符串类型以文本的方式session通过类似与Hashtable的数据结构来保存能支持任何类型的对象(session中可含有多个对象) 4、存储的大小cookie单个cookie保存的数据不能超过4kbsession大小没有限制。 5、安全性cookie针对cookie所存在的攻击Cookie欺骗Cookie截获session的安全性大于cookie。 原因如下1sessionID存储在cookie中若要攻破session首先要攻破cookie 2sessionID是要有人登录或者启动session_start才会有所以攻破cookie也不一定能得到sessionID 3第二次启动session_start后前一次的sessionID就是失效了session过期后sessionID也随之失效。 4sessionID是加密的 5综上所述攻击者必须在短时间内攻破加密的sessionID这很难。 6、应用场景 cookie1判断用户是否登陆过网站以便下次登录时能够实现自动登录或者记住密码。如果我们删除cookie则每次登录必须从新填写登录的相关信息。 2保存上次登录的时间等信息。 3保存上次查看的页面 4浏览计数 sessionSession用于保存每个用户的专用信息变量的值保存在服务器端通过SessionID来区分不同的客户。 1网上商城中的购物车 2保存用户登录信息 3将某些数据放入session中供同一用户的不同页面使用 4防止用户非法登录 7、缺点cookie1大小受限 2用户可以操作禁用cookie使功能受限 3安全性较低 4有些状态不可能保存在客户端。 5每次访问都要传送cookie给服务器浪费带宽。 6cookie数据有路径path的概念可以限制cookie只属于某个路径下。 session1Session保存的东西越多就越占用服务器内存对于用户在线人数较多的网站服务器的内存压力会比较大。 2依赖于cookiesessionID保存在cookie如果禁用cookie则要使用URL重写不安全 3创建Session变量有很大的随意性可随时调用不需要开发者做精确地处理所以过度使用session变量将会导致代码不可读而且不好维护。 二、WebStorage WebStorage的目的是克服由cookie所带来的一些限制当数据需要被严格控制在客户端时不需要持续的将数据发回服务器。 WebStorage两个主要目标1提供一种在cookie之外存储会话数据的路径。2提供一种存储大量可以跨会话存在的数据的机制。 HTML5的WebStorage提供了两种APIlocalStorage本地存储和sessionStorage会话存储。 1、生命周期localStorage:localStorage的生命周期是永久的关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据否则数据永远不会消失。 sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭即使刷新页面或者进入同源另一个页面数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面sessionStorage也是不一样的。 2、存储大小localStorage和sessionStorage的存储数据大小一般都是5MB 3、存储位置localStorage和sessionStorage都保存在客户端不与服务器进行交互通信。 4、存储内容类型localStorage和sessionStorage只能存储字符串类型对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理 5、获取方式localStoragewindow.localStorage;sessionStoragewindow.sessionStorage;。 6、应用场景localStoragese常用于长期登录判断用户是否已登录适合长期保存在本地的数据。sessionStorage敏感账号一次性登录 WebStorage的优点 1存储空间更大cookie为4KB而WebStorage是5MB 2节省网络流量WebStorage不会传送到服务器存储在本地的数据可以直接获取也不会像cookie一样美词请求都会传送到服务器所以减少了客户端和服务器端的交互节省了网络流量 3对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据sessionStorage会非常方便 4快速显示有的数据存储在WebStorage上再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多所以速度更快 5安全性WebStorage不会随着HTTP header发送到服务器端所以安全性相对于cookie来说比较高一些不会担心截获但是仍然存在伪造问题 6WebStorage提供了一些方法数据操作比cookie方便 setItem (key, value) —— 保存数据以键值对的方式储存信息。 getItem (key) —— 获取数据将键值传入即可获取到对应的value值。 removeItem (key) —— 删除单个数据根据键值移除对应的信息。 clear () —— 删除所有的数据 key (index) —— 获取某个索引的key 转载于:https://www.cnblogs.com/hanguidong/p/9319870.html
