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>

<body>

  <!--

    h5的本地存储

    1 会话存储 sessionStorage 浏览器关闭了数据就不存在了

    2 永久存储 localStorage 永远存在，除非用户手动删除

      localStorage.setItem("key","value")

      localStorage.getItem("key")

      localStorage.removeItem("key")

      localStorage.clear();

   -->

   <script>

    // 设置值

    // localStorage.setItem("time",'2019-8-27 14: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(typeof localStorage.getItem("num1"));

    // console.log(typeof localStorage.getItem("num2"));

    // console.log(typeof localStorage.getItem("isOk1"));

    // console.log(typeof localStorage.getItem("isOk2"));

    var obj = {name: "Alex"};

    localStorage.setItem("person", JSON.stringify(obj));

    console.log(localStorage.getItem("person"));    // 字符串类型

    console.log(JSON.parse(localStorage.getItem("person")));    // 对象类型

   </script>

</body>

</html>

2.微信小程序中的本地存储

不管存入的是什么类型的数据，获取之后 就是还是原来的数据类型

小程序中的本地存储用起来 比 h5端存储 更好用！！！

方法

    // 小程序的本地存储技术(同步的方式)

    wx.setStorageSync("data", {name:"Alex"});

    let data = wx.getStorageSync("data");

    console.log(data);

H5本地存储技术和微信小程序中的本地存储的更多相关文章

  1. Django+小程序技术打造微信小程序助手 ✌✌

    Django+小程序技术打造微信小程序助手 (一个人学习或许会很枯燥,但是寻找更多志同道合的朋友一起,学习将会变得更加有意义✌✌) 从零到一的完整项目开发实战过程,项目开发聚焦重要知识点,先原理后实战 ...

  2. Django2.0+小程序技术打造微信小程序助手✍✍✍

    Django2.0+小程序技术打造微信小程序助手  整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频的感受,单论单个知识点课程本身没问题 ...

  3. Django+小程序技术打造微信小程序助手

    Django+小程序技术打造微信小程序助手   整个课程都看完了,当前这个课程的分享可以往下看,下面有某盘的链接,之前做java开发也做了一些年头,也分享下自己看这个视频的感受,同时也分享下自己的总结 ...

  4. 一招解决微信小程序中的H5缓存问题

    一招解决微信小程序中的H5缓存问题1.问题描述开发过程中,为了更新代码方便,往往会在小程序中嵌入H5页面.但问题来了,小程序原生代码更新版本后,简单的从微信中删除或者代码强刷就可以解决缓存问题,但小程 ...

  5. 全栈开发工程师微信小程序-中(下)

    全栈开发工程师微信小程序-中(下) 微信小程序视图层 wxml用于描述页面的结构,wxss用于描述页面的样式,组件用于视图的基本组成单元. // 绑定数据 index.wxml <view> ...

  6. 在微信小程序中使用LeanCloud（一）

    之前学习了微信小程序前端,使用到LeanCloud线上数据库 [传送门].作为一个前端开发人员,了解后端及数据库是学习工作的需要. LeanCloud直接登录,未注册直接创建账户.它是一款免费的线上数 ...

  7. 在微信小程序中使用富文本转化插件wxParse

    在微信小程序中我们往往需要展示一些丰富的页面内容,包括图片.文本等,基本上要求能够解析常规的HTML最好,由于微信的视图标签和HTML标签不一样,但是也有相对应的关系,因此有人把HTML转换做成了一个 ...

  8. 微信小程序中用户登录和登录态维护

    提供用户登录以及维护用户的登录状态,是一个拥有用户系统的软件应用普遍需要做的事情.像微信这样的一个社交平台,如果做一个小程序应用,我们可能很少会去做一个完全脱离和舍弃连接用户信息的纯工具软件. 让用户 ...

  9. 微信小程序中如何使用WebSocket实现长连接(含完整源码)

    本文由腾讯云技术团队原创,感谢作者的分享. 1.前言   微信小程序提供了一套在微信上运行小程序的解决方案,有比较完整的框架.组件以及 API,在这个平台上面的想象空间很大.腾讯云研究了一番之后,发现 ...

随机推荐

  1. Leetcode173. Binary Search Tree Iterator二叉搜索树迭代器

    实现一个二叉搜索树迭代器.你将使用二叉搜索树的根节点初始化迭代器. 调用 next() 将返回二叉搜索树中的下一个最小的数. 注意: next() 和hasNext() 操作的时间复杂度是O(1),并 ...

  2. Hackerrank--Mixing proteins(Math)

    题目链接 Some scientists are working on protein recombination, and during their research, they have foun ...

  3. CSS min-height 属性

    实例 设置段落的最小高度: p { min-height:100px; } 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 min-height 属性. ...

  4. webpack4进阶配置

    移动端CSS px自动转换成rem 需要两步来实现: px2rem-loader 在构建阶段将px转换成rem lib-flexible 页面渲染时动态计算根元素的font-size值(手机淘宝开源库 ...

  5. java习题-集合框架-泛型

    集合框架 一 去除List集合中的重复元素. 思路: 1,先创建一个临时容器.用于存储唯一性的元素.2,遍历原容器,将遍历到的元素到临时容器中去判断,是否存在.3,如果存在,不存储到临时容器,如果不存 ...

  6. stack的基本使用方式

    #include <iostream> #include <stack>//头文件 using namespace std; stack<int> S; int m ...

  7. cf round480D Perfect Groups

    题意:给一个序列,对于每一个连续的区间,区间内的数至少分成几个组,使得每个组内的数任意2个相乘是一个完全平方数(包括0). 输出每个组数的个数. $n \leq 5000 , |a_i| \leq 1 ...

  8. Faster RCNN算法训练代码解析（1）

    这周看完faster-rcnn后,应该对其源码进行一个解析,以便后面的使用. 那首先直接先主函数出发py-faster-rcnn/tools/train_faster_rcnn_alt_opt.py ...

  9. 常用命令4-文件搜索命令 2- whereis

    whereis比较局限,只能查看系统命令.

  10. 动态生成能够局部刷新的验证码【AJAX技术】---看了不懂赔你钱

    在开发JavaWeb应用时,动态生成能够局部刷新的验证码是一项必须的功能,在这里我们将会详细的讲解如何实现这一功能. 一.涉及技术 该功能需要用到AJAX异步传输技术,这样能保证在点击"看不 ...