Vue todolist练习 知识点

Posted 2020-11-18 changedman

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:"[email protected]"};

                  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" }‘;