sessionstorage

1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XMl的置标语言 最主要的不同 XHTML元素必须被正确地嵌套。 XHTML元素必须被关闭 标签名必须用小写字母 XHTMl文档必须拥有根元素 2.什么是语义化的HTML？ 直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！ HTML语义化就是让页面的内容结构化，便于对浏览器，搜索引擎解析； 在没有样式css情况下也以一种文档格式显示，并且是容易阅读。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。 在阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 2（1）、简述一下你对HTML语义化的理解？ 1、用正确的标签做正确的事情。 2、html语义化让页面的内容结构化，结构更清晰，便于对浏览器，搜索引擎解析； 3、即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的； 4、搜索引擎的爬虫也依赖于HTML标记确定上下文和各个关键字的权重，利用SEO; 5、使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 3.常见的浏览器内核有哪些？ Trident内核：IE,MaxThon,TT,The Word,360,搜狗浏览器等。[又称为MSHTML] Gecko内核：Netscape6及以上版本，FF,MozillaSuite

前端常见知识总结 1. 盒模型 盒模型由margin、border、padding、content组成。盒模型有两种标准，一个是 标准模型 ，一个是 IE模型 。标准盒模型的宽高只是内容（content）的宽高，而在IE中盒模型的宽高为边框（border）+填充（padding）+内容（content）的总宽高。 2.sessionStorage、localStorage和cookie的区别 共同点：都是保存在浏览器端、且同源的 区别： 1、cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下 2、存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大 3、数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭之前有效；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。 而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 浏览器支持情况： 浏览器的支持除了IE７及以下不支持外，其他标准浏览器都完全支持(ie及FF需在web服务器里运行)，值得一提的是IE总是办好事，例如IE7、IE6中的UserData其实就是javascript本地存储的解决方案。通过简单的代码封装可以统一到所有的浏览器都支持web storage。 要判断浏览器是否支持localStorage可以使用下面的代码： if(window.localStorage){ alert("浏览支持localStorage")}else{ alert("浏览暂不支持localStorage")}//或者if(typeof window.localStorage == 'undefined'){ alert("浏览暂不支持localStorage")}

在web开发越来越复杂的今天，前端拥有的能力也越来越多。其中最重要的一项莫过于web存储。开发者们如果使用得当，这些存储可以帮助我们提升网页的性能与灵活度。本文不讲个中的细节，只讲各种前端存储的利弊，与各类存储的应用场景。毕竟这些技术的细节在网上随处可见，如果读者你决定使用的话，再去细查也不迟。我们前端人手里都有哪些存储武器，都用在什么地方，请读者随我一一聊开去..... 1 cookie 1.1 是什么？ cookie是什么就用不着我多说了吧，可是有同学会问了，这也算存储？当然算，它也可以存东西不是，而且它会在用户访问服务器的时候被带上。但是，笔者在这里建议，不要使用过量，因为cookie在每次请求的时候都会被带上。你总不想每次访问自己网站接口或者文件的时候都带上一堆可能用不到的信息把？这样会增大请求包的大小。 1.2 访问限制性 众所周知，cookie可以设置访问域。即，如果你设置cookie的时候，设定了cookie的访问域名为一个顶级域名，则可以达到几个子域名共享cookie的效果。如：腾讯网与微信网页版共享了pac_uid(如图1.2.1与图1.2.2)。 图1.2.1 图1.2.2 访问的限制在种下cookie的时候指定。所以，我们可以设定cookie的访问域名限制(当然，不能跨域啦)。 有些重要信息，如用户的唯一标识，建议给这些cookie字段加上HttpOnly标识

一、Cookie和Session的区别 1、cookie数据存放在客户的浏览器上，session数据放在服务器上（一般以内存、数据库、文件形式）。 2、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能 考虑到减轻服务器性能方面,应当使用Cookie; 3、 单个cookie保存的数据不能超过4K ，Session没有大小限制； 总结：Session是在服务端保存的一个数据结构，用来跟踪用户的状态，这个数据可以保存在内存，集群、数据库、文件中； Cookie是客户端保存用户信息的一种机制，用来记录用户的一些信息，也是实现Session的一种方式。 二、cookie 、localStorage 、sessionStorage 的区别？ 1、cookie 数据的生命期: 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效 存放数据大小: 4K左右 与服务器端通信:每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题易用性 易用性：需要程序员自己封装，源生的Cookie接口不友好 2、localStorage 数据的生命期:除非被清除，否则永久保存 sessionStorage 数据的生命期:仅在当前会话下有效，关闭页面或浏览器后被清除 存放数据大小: 一般为5MB 与服务器端通信:仅在客户端

一、JS中的三种数据存储方式 cookie、sessionStorage、localStorage 二、cookie cookie的定义： cookie是存储在浏览器上的一小段数据，用来记录某些当页面关闭或者刷新后仍然需要记录的信息。在控制台用 document.cookie 可以查看当前正在浏览网站的cookie。 cookie存在的问题： cookie虽然很方便，但是使用cookie有一个很大的弊端，cookie中的所有数据在客户端就可以被修改，数据非常容易被伪造，那么一些重要的数据就不能放在cookie中了，而且如果cookie中数据字段太多会影响传输效率 三、sessionStorage 当用户用账号和密码登录某个网站后，刷新页面仍然保持登录的状态，服务器如何分辨这次发起请求的用户是刚才登录过的用户呢？这里就是用session保存状态。 用户在输入用户名密码提交给服务器，服务端验证通过后会创建一个session用于记录用户的相关信息，这个session可保存在服务器内存中也可保存在数据库中。 创建session后，会把关联的session_id通过setCookie添加到http相应头部 浏览器在加载页面时发现响应头部有set-cookie字段，就把这个cookie种到浏览器指定域名下 当下次刷新页面时，发送的请求会带上这条cookie

HTML5 sessionStorage会话存储 　　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 1. 介绍 1.1 说明 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。 1.2 特点 1) 同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作，这些页面必须在同一协议、同一主机名和同一端口下。(IE 8和9存储数据仅基于同一主机名，忽略协议（HTTP和HTTPS）和端口号的要求) 2) 单标签页限制。sessionStorage操作限制在单个标签页中，在此标签页进行同源页面访问都可以共享sessionStorage数据。 3) 只在本地存储。seesionStorage的数据不会跟随HTTP请求一起发送到服务器，只会在本地生效，并在关闭标签页后清除数据。(若使用Chrome的恢复标签页功能，seesionStorage的数据也会恢复)。 4

// 用session存储数据 sessionStorage.setItem('key','value'); // 用session取数据 var f=sessionStorage.getItem('key'); 当存的是一个数组对象时，需要转成字符串存起来 sessionStorage.setItem('thematic_start', JSON.stringify(datas.length)); //存储处理后的数据 对应的取的话 var starts = JSON.parse(sessionStorage.getItem('thematic_start')); sessionStorage.removeItem('key'); //4,清除数据-----删除所有同源的本地存储的localStorage数据 localStorage.clear(); 存储数组 json.stringify可以将对象转换为 JSON 字符串 JSON.parse可以将 JSON 字符串转换为对象 那我们存的时候先将数组转成JSON字符串，取出来再转成数组就可以了，实现如下。 function storageObj(obj) { var checkedIdStr = JSON.stringify(obj); sessionStorage.setItem("key", checkedIdStr);

一、cookie和session 　　首先 session 和 cookie 用于浏览器客户端与服务端数据交互，通过会话的方式跟踪浏览器用户身份。 1、cookie 　　(1)、一般由服务器生成，可以设置失效时间，如果是浏览器生成则默认浏览器关闭后失效； 　　(2)、与服务器端通信，每次请求都放在 http 请求头中； 　　(3)、数据存储在内存中，数据大小为4KB,保存在类型为字符串； 2、session 　　(1)、服务端接收到客户端发送的请求，需要创建 session 对象，此时会检查客户端请求是否包含 sessionID，服务端根据这个 id 创建 session 对象，如果客户端没有给，则服务端会创建一个新的 session , sessionID 会被返回给客户端，这个 id 会被保存在客户端的 cookie 中； 　　(2)、如果用户禁用 cookie, 则要使用 URL 重写，浏览器不支持 cookie 的时候，会重写 URL 将 sessionID 拼接到访问地址后； 　　(3)、通过类似 HashTable 的数据结构来进行存储，没有大小限制； 　　相比cookie而言session的安全性更好，seesionID存储在cookie中，要攻破session需要先攻破cookie；而且sessionID是加密的，sessionID是有人登陆或者启动session

0.写在前面 在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面 4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面 5、每次调后端接口，都要在请求头中加token 6、后端判断请求头中有无token，有token，就拿到token并验证token，验证成功就返回数据，验证失败（例如：token过期）就返回401，请求头中没有token也返回401 7、如果前端拿到状态码为401，就清除token信息并跳转到登录页面 1、登录成功后将后台返回的token和user存在store login() { // 组件中使用get方法 var url='api/user/login'; axios({ method: "get", url: url, params: { name: this.name, password: this.password, } } ).then((response) => { console.log(response) this.