关于H5 storage 的一些注意事项以及用法
在我们使用H5 storage之前，先了解一下storage的介绍吧：
Storage模块管理应用本地数据存储，用于应用数据的保存和读取，应用本地数据localStorage,sessionStorage的区别在于数据的有效域不同，前者可在应用内跨域操作，数据存储期是持久化的，并且没有容量的限制，通过plus.storage可获取应用本地数据管理对象
这里我们就说一下最常用的两个方法：
getItem(key);--根据key值获取应用存储的值，没有值返回null
setItem(key,value);--保存数据至应用存储中，没有值返回null
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript"> document.addEventListener("plusready",plusReady,false);
// H5 plus事件处理
function plusReady()
{
//这里填写plus的处理代码
}
// Get storage item value
function setStorage()
{
plus.storage.setItem("name","博客园");//大家保存数据的时候，key键尽量小写，value尽量存储字符串
}
function getStorage()
{
return plus.storage.getItem("test");//根据key的值来获取保存在应用存储中的数据
}
</script>
</head>
<body>
获取应用存储区中保存的键值对的个数
<br/>
<button onclick="alert(getStorage())">获得本地应用存储数据</button>
<button onclick="setStorage()">保存数据至本地应用存储</button>
</body>
</html>
以上是一个很简单的小列子，那么下面就给大家说一说在使用过程中经常会遇到的一些问题：
1：document.addEventListener("plusready",plusReady,false);这一句话大家注意不要每次使用都添加一次监听，只需要在初始化的时候写一下就可以了（这里只针对单页面）
2：还有一些朋友，在使用的过程中，发现明明已经Ready过了，为什么使用的时候还是会报错：plus is ....不要着急，其实这个问题很简单，看一下你的编译器在真机运行的时候，你本地保存一次，app上面也跟着刷新一次，遇到这样的问题，大家把真机运行关闭，重新运行一次就可以啦
其实这个东西很简单的，当然你的对他有所了解才行，下面给大家一个官方的文档链接，也可以根据官方的内容来进行实战的哈
http://www.html5plus.org/doc/zh_cn/storage.html
关于H5 storage 的一些注意事项以及用法的更多相关文章
- jquery.validate验证表单配合回调提交和h5.storage本地保存笔记
表单验证插件我使用:jquery.validate.js 支持中文提示,可扩展性强!教程地址 本地保存状态信息使用:h5提供的storage,浏览器支持5m的存储量,存储类型必须是string类型,并 ...
- H5项目常见问题及注意事项
Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="wi ...
- H5项目常见问题及注意事项，视频全屏，定位，屏幕旋转和触摸，偏页面重构向 来源joacycode的github
Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="wi ...
- vue2.* 事件结合双向数据绑定、模块化以及封装Storage实现todolist 待办事项 已经完成 和进行中持久化 06
ceshi.vue <template> <div id="app"> <input type='text' v-model='todo' @keyd ...
- H5项目常见问题汇总及解决方案（果断复制粘贴，不解释）
H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" co ...
- H5项目常见问题
转自 https://github.com/FrontEndZQ/HTML5-FAQH5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一.HTML页 ...
- H5项目常见问题汇总及解决方案
H5项目常见问题汇总及解决方案 H5 2015-12-06 10:15:33 发布 您的评价: 4.5 收藏 4收藏 H5项目常见问题及注意事项 Meta基础知识: H5页 ...
- html5 storage事件
HTML5 虽然很多年了,但是真的了解不不够不够.主题说的是 storage时间,说起对 storage 事件的了解还是从 QQ音乐 说起. QQ音乐的主页是 https://y.qq.com , 而 ...
- h5前端项目常见问题汇总
原文作者:FrontEndZQ 原文链接:https://github.com/FrontEndZQ/HTML5-FAQ H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度 ...
随机推荐
- jquery处理单击和双击事件
今天做div点击时,需要用到同一div的单击和双击事件,出现问题如下 例子: Html <body> <div id="div_1">单击双击我</d ...
- android学习日记08--Paint画笔
Paint 要绘图,首先得调整画笔,待画笔调整好之后,再将图像绘制到画布Canvas上,这样才可以显示在手机屏幕上.Android 中的画笔是 Paint类,Paint 中包含了很多方法对其属性进行设 ...
- C++ stringstream介绍，使用方法与例子
From: http://www.usidcbbs.com/read-htm-tid-1898.html C++引入了ostringstream.istringstream.stringstream这 ...
- vmware mac虚拟机 停在启动界面
前言: 关于vmware安装mac 10.8 可以从参看:http://www.cnblogs.com/zyf2013/p/3888242.html 安装完成以后重新启动,卡在了白苹果启动画面处. 或 ...
- Mini2440 DM9000 驱动分析（一）
Mini2440 DM9000 驱动分析(一) 硬件特性 Mini2440开发板上DM9000的电气连接和Mach-mini2440.c文件的关系: PW_RST 连接到复位按键,复位按键按下,低电平 ...
- Hibernate: Truly Understanding the Second-Level and Query Caches--reference
I've written multiple articles here at Javalobby on the Hibernate O/R mapping tool, and they are usu ...
- Windows系统下用命令行编译C/C++程序过程总结
转自:http://www.cnblogs.com/caikehe/archive/2013/01/12/2858017.html (1)先用记事本编写如下所示的代码,并另存为hello.cpp,假设 ...
- c/c++将整数转换为字符串
#include <iostream> using namespace std; int main(int argc, char **argv) { ; iint i,j; ],e[]; ...
- 设定范围和步长的递增数验证器Validator
1.接口注释 @Target({METHOD, FIELD, ANNOTATION_TYPE, CONSTRUCTOR, PARAMETER}) @Retention(RUNTIME) @Docume ...
- 数据结果与算法分析(1)——算法分析
在确定一个算法正确的同时,也要保证算法的有效性.算法分析的最重要的标准时运行时间T(N),运行时间与输入元素个数N有关. 数学基础 T(N) = O(f(N)) 表示T(N ...