微信小程序meta标签-H5本地存储技术和微信小程序中的本地存储-小程序标签-即速应用

微信小程序meta标签-H5本地存储技术和微信小程序中的本地存储-小程序标签

浏览量：1904 时间：2020-03-20 来源：weixin_30507481

1.H5的本地存储!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"metaname="viewport"content="width=device-width,initial-scale=1.0"metahttp-equiv="X-UA-Compatible"content="ie=edge"titleDocument/title/headbody!--h5的本地存储1会话存储sessionStorage浏览器关闭了数据就不存在了2永久存储localStorage永远存在，除非用户手动删除localStorage.setItem("key","value")localStorage.getItem("key")localStorage.removeItem("key")localStorage.clear();--script//设置值//localStorage.setItem("time",'2019-8-2714:58:28');//获取值null//console.log(localStorage.getItem("test"))//console.log(localStorage.getItem("time"))//设置不同的类型的值的时候，都会被转成字符串类型//1设置简单的值还可以接受0'0'true'true'//2设置对象类型直接存入的话数据会丢失！！！{name:"Alex"}=???//2.1存入一些复杂类型的时候都需要先抓成json字符串格式，再存入//JSON.stringify(obj)//2.2重新获取的时候就需要重新把值解析成对象类型//JSON.parse(jsonObj)=对象类型//localStorage.setItem("num1",1);//localStorage.setItem("num2",'2');//localStorage.setItem("isOk1",true);//localStorage.setItem("isOk2",'true');//console.log(typeoflocalStorage.getItem("num1"));//console.log(typeoflocalStorage.getItem("num2"));//console.log(typeoflocalStorage.getItem("isOk1"));//console.log(typeoflocalStorage.getItem("isOk2"));varobj={name:"Alex"};localStorage.setItem("person",JSON.stringify(obj));console.log(localStorage.getItem("person"));//字符串类型console.log(JSON.parse(localStorage.getItem("person")));//对象类型/script/body/html2.微信小程序中的本地存储不管存入的是什么类型的数据，获取之后就是还是原来的数据类型
小程序中的本地存储用起来比h5端存储更好用！！！
方法//小程序的本地存储技术(同步的方式)wx.setStorageSync("data",{name:"Alex"});letdata=wx.getStorageSync("data");console.log(data);
1.