在一个用mui作得app中,要求把历史记录放在本地(感受。。。没法言喻的sd),但最终仍是作了,如下来记录本次的学习到的内容javascript
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本地存储的初步学习html