关于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页面窗口自动调整到设备宽度 ...
随机推荐
- 增强的for循环（或foreach）
增强的for循环(也称为foreach循环):不用下标变量,顺序的訪问整个数组.不能以其它顺序訪问数组,或者改变数组的元素. for(elementType element: arrayRefVar) ...
- [Practical Git] Compare file changes with git diff
It can be helpful to see the changes between two sets of code; git diff lets us do this by comparing ...
- 360开源的类Redis存储系统:Pika
Pika 是 360 DBA 和基础架构组联合开发的类 Redis 存储系统,完全支持 Redis 协议,用户不需要修改任何代码,就可以将服务迁移至 Pika.有维护 Redis 经验的 DBA 维护 ...
- careercup-中等难题
17.1 编写一个函数,不用临时变量,直接交换两函数. 解法: 方法一:这个是经典面试题,也相当直接.我们将用a0表示a的初值,b0表示b的初始值,用diff表示a0-b0的值. 让我们将a>b ...
- PHP为fopen,file_get_contents等函数请求web地址时增加Http头的方法
我们在使用fsockopen时可以方便的自定义自己请求的http头内容来访问某些对客户端请求头有特殊限制的网站,但是使用fopen,file_get_contents等函数请求web地址时怎么来灵活定 ...
- Preparing for Different Databases
Preparing for Different Databases In the previous chapter, we created a PostRepository that returns ...
- 考试宝典-真题园安卓AppV2.1.0新版发布啦，全新界面，全新体验，全面适配Android 5.0&6.0系统！
真题园移动客户端是真题园网 http://www.zhentiyuan.com 旗下的一款学习考试应用App. 1.全新适配Android5.0.6.0系统,重新优化架构网络通信模块. 2.全新清爽U ...
- js用斜率判断鼠标进入div的四个方向
网上大部分判断鼠标移入div移入移出都是使用一下方法: 这个方法确实十分奇特,使用起来十分方便. 后来自己看了一些文章,看到有另一种以斜率的方法来判断鼠标的移动方向. 上图是此方法的示意图,以浏览器左 ...
- Android之UI--重绘EditText以及实现Button的渐变色
在本文中实现的是比较普遍的一个对EditText的重绘以及对于按钮或窗口添加渐变色. 因为EditText是继承于TextView的,所以可以实现对EditText的重绘,在重绘的时候只需要继承Edi ...
- 《Mysql 公司职员学习篇》 第一章 小A的烦恼
第一章 小A的烦恼 ----- 为什么学习数据库 和 如何选择数据库 小A是某公司的职员,公司数据部的员工,平常的大小工作,完全离不开EXCELL,而最近小A却越来越苦恼,不由的向好朋友小Y吐槽.小 ...