手机版

H5和微信小程序中的本地存储的区别

时间:2021-12-01 来源:互联网 编辑:宝哥软件园 浏览:

1.H5的本地存储

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width,initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title document/title/head dy!h5的本地存储一会话存储会话存储浏览器关闭了数据就不存在了2永久存储localStorage永远存在,除非用户手动删除localStorage.setItem('键','值)localStorage.getItem('键)localStorage.removeItem('键)本地存储。clear();-脚本/设置值//localStorage.setItem('time ',' 2019-8-27 14:58:28 ');//获取值null//控制台。日志(本地存储。getitem(' test ')//控制台。日志(本地存储。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 ');//控制台。日志(本地存储的类型。GetItem(' num 1 ');//控制台。日志(本地存储的类型。GetItem(' num 2 ');//控制台。日志(本地存储的类型。getitem(' isOk1 ');//控制台。日志(本地存储的类型。getitem(' isok 2 ');var obj={ name : ' Alex ' };localStorage.setItem('person ',JSON。stringify(obj));控制台。日志(本地存储。getitem(' person ');//字符串类型控制台。日志(JSON。解析(LocalStorage。GetItem(' person '));//对象类型/脚本/正文/html2 .微信小程序中的本地存储不管存入的是什么类型的数据,获取之后就是还是原来的数据类型小程序中的本地存储用起来比h5端存储更好用!方法//小程序的本地存储技术(同步的方式)wx。setstorageync(' data ',{ name : ' Alex ' });让数据=wx。getstorage ync(' data ');console.log(数据);H5和微信小程序中的本地存储的区别(图1)

版权声明:H5和微信小程序中的本地存储的区别是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。