mui.storage 将数据持久化到本地
2024-08-31 01:55:11
在一个用mui做得app中,要求把历史记录放在本地(感觉。。。无法言喻的sd),但最终还是做了,以下来记录本次的学习到的内容
mui.plusReady(function() {
//这里是一开始定义的json数据
var b = [{
name: 'lkr',
id: '1',
time: '2019/7/16',
url:'http://img5.imgtn.bdimg.com/it/u=3300305952,1328708913&fm=26&gp=0.jpg'
}] var objString = JSON.stringify(b)
//将json数据变成字符串类型放入storage里面存储
plus.storage.setItem('1', objString ) //取出在storage里面的数据
var objStringNew = plus.storage.getItem('1');
var obj = JSON.parse(objStringNew)//将字符串转为json格式 //将存储在本地的json数据拿出来
obj.unshift({
name:'lrk',
id:'2',
time:'2019/7/16',
url:'图片的路径'
}) //html中获取一个元素
var arraylist = document.getElementById('mainid');
//定义一个变量,在初始化的时候把数据都初始化到这个变量中
var neirong = " ";
//利用for循环把数据遍历到控件中
for (var i=0;i<obj.length;i++) {
neirong += "<li class='mui-table-view-cell mui-media'>"+
"<a href='javascript:;'>"+
"<img class='mui-media-object mui-pull-right' src='"+ obj[i].url +"'>"+
"<div class='mui-media-body'>"+
obj[i].name +
" <p class='mui-ellipsis'>"+ obj[i].time +"</p>"+
" </div>"+
"</a>"+
" </li>";
}
//把数据放入html页面中进行渲染
arraylist.innerHTML = neirong
})
以上是对mui本地存储的初步学习
最新文章
- Java api 入门教程 之 JAVA的SYSTEM类
- js中如何去获取外部css样式
- rados命令
- 可扩展Web架构与分布式系统
- Linux apt-get
- AirDrop显示名字的修改问题
- Kruskal算法模拟讲解
- 搭建完整邮件系统(postfix+dovecot+clamAV+Spamassassin+amavisd-new)
- [转]让Sublime Text2支持浏览器中预览
- Eclipse中如何关联Javadoc
- 开源的 Restful Api 集成测试工具 Hitchhiker
- UWP xaml 圆形头像
- H5、React Native、Native应用对比分析
- Oracle 查询结果集行数分析
- 搭建vue环境
- [Canvas]飞机飞越河谷(背景向下平滑移动)
- ABBYY FineReader Pro for Mac有哪些特性(下)
- API / DOM
- ASP.NET MVC5+EF6+LayUI实战教程,通用后台管理系统框架(7)- EF增删改查
- python windows 远程执行bat
热门文章
- UAC就不能一次添加、永久信任吗?
- QT 序列化/串行化/对象持久化
- ColorCode是一个在线随机取色工具,可以随机获取十六进制、RGB、HSl等颜色。
- 使用PyQt5编写一个简单的GUI程序(pyside 有 pyside-uic 把ui文件转成py文件,pyside-rcc 把qrc文件转成 py文件导入就行了)
- Elasticsearch 6.1.2 搭建及使用教程一
- Codility---MaxProductOfThree
- git初学【常用命令、上传项目到码云或从码云拉取、克隆项目】
- kubernetes实战篇之部署一个.net core微服务项目
- IOS关于数据加密(主要为登录加密)想总结的
- php.ini Xdebug配置