在一个用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本地存储的初步学习

最新文章

  1. Java api 入门教程 之 JAVA的SYSTEM类
  2. js中如何去获取外部css样式
  3. rados命令
  4. 可扩展Web架构与分布式系统
  5. Linux apt-get
  6. AirDrop显示名字的修改问题
  7. Kruskal算法模拟讲解
  8. 搭建完整邮件系统(postfix+dovecot+clamAV+Spamassassin+amavisd-new)
  9. [转]让Sublime Text2支持浏览器中预览
  10. Eclipse中如何关联Javadoc
  11. 开源的 Restful Api 集成测试工具 Hitchhiker
  12. UWP xaml 圆形头像
  13. H5、React Native、Native应用对比分析
  14. Oracle 查询结果集行数分析
  15. 搭建vue环境
  16. [Canvas]飞机飞越河谷(背景向下平滑移动)
  17. ABBYY FineReader Pro for Mac有哪些特性(下)
  18. API / DOM
  19. ASP.NET MVC5+EF6+LayUI实战教程,通用后台管理系统框架(7)- EF增删改查
  20. python windows 远程执行bat

热门文章

  1. UAC就不能一次添加、永久信任吗?
  2. QT 序列化/串行化/对象持久化
  3. ColorCode是一个在线随机取色工具,可以随机获取十六进制、RGB、HSl等颜色。
  4. 使用PyQt5编写一个简单的GUI程序(pyside 有 pyside-uic 把ui文件转成py文件,pyside-rcc 把qrc文件转成 py文件导入就行了)
  5. Elasticsearch 6.1.2 搭建及使用教程一
  6. Codility---MaxProductOfThree
  7. git初学【常用命令、上传项目到码云或从码云拉取、克隆项目】
  8. kubernetes实战篇之部署一个.net core微服务项目
  9. IOS关于数据加密(主要为登录加密)想总结的
  10. php.ini Xdebug配置