Vue todolist练习 知识点

时间:2024-08-10 11:32:56

1.localStorage的用法总结

(1).这儿是什么:局部存储器。它是html5新增的一个本地存储API,所谓localStorage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中,我们可以通过js来操纵localStorage。

(2)用法:1.localStorage通过使用setItem(key,value)来设置元素以及值,如localStorage.setItem("name","猪小明");

2.用getItem(key)来获取元素值,如localStorage.getItem("name");

3.用removeItem(key)清除key值,如localStorage.removeItem("name");

4 .用localStorage.length可以获取本地存储key的个数;

5.按照序号读取本地存储变量的key值,使用localStorage.key(i)。

2.localStorage如何读取和存储Json数据呢?

localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地

写入时:var json_data = {id:12,name:"yang",email:"aaa@aaa.com"};

localStorage.setItem("json_data",JSON.stringify(json_data));

读取时:  var json_data = JSON.parse(storage.getItem("json_data"));

拓展:

1.Jason对象和Jason字符串的区别

(1)JSON对象是直接可以使用JQuery操作的格式,如C#中可以用对象(类名)点出属性(方法)一样;var str2 = { "name": "deluyi", "sex": "man" };

(2)JSON字符串仅仅只是一个字符串,一个整体,不截取的话没办法取出其中存储的数据,不能直接使用,除非你只想alert()他;var str1 = '{ "name": "deyuyi", "sex": "man" }';