发表于: 2017-04-17 18:43:53

1 803


今天完成的事:

1,完成任务2,开始任务3

明天计划的事:

继续学习js,继续任务3


收获:弄明白了参数传递的方法,首先要明白如何 储存数据,html提供了两种方法

     localStorage - 没有时间限制的数据存储

     sessionStorage - 针对一个 session 的数据存储


之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

对于不同的网站,数据存储于不同的区域,并且一个网站只能问其自身的数据。

HTML5 使用 JavaScript 来存储和访问数据。


localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。

他们使用方式类似知识储存时间不同,但它们只能储存string类型的数据,若储存其他类型的会被先转换再储存,如果要储存数组的话需要配合

JSON.parse()JSON.stringify()使用


JSON.stringify()可以将数组解析为字符串,再用sessionStorage储存起来,要用的话就将数据提取出来然后

JSON.parse()进行解析,它可以将字符串解析回数组,就能在新的页面用这个数组了。。这就是一个传参过程。

实例

JSON.parse()JSON.stringify()

1.parse 用于从一个字符串中解析出json 对象。例如

var str='{"name":"cpf","age":"23"}'

JSON.parse(str) 得到:

Object: age:"23"

            name:"cpf"

            _proto_:Object

ps:单引号写在{}外,每个属性都必须双引号,否则会抛出异常

2.stringify用于从一个对象解析出字符串,例如

var a={a:1,b:2}

JSON.stringify(a)得到:

{“a”:1,"b":2}”


记得帮我转js班啊...







返回列表 返回列表
评论

    分享到