发表于: 2017-04-17 18:43:53
1 804
今天完成的事:
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班啊...
评论