为了账号安全,请及时绑定邮箱和手机立即绑定

动手不好,还好快

什么都是截好的代码,就不能自己手动写嘛!

正在回答

1 回答

应该是老师为了压缩讲课时间,提高效率。

笔记里也有同学的demo啊。自己写不是更好。

以下引用sylesu笔记

本地储存过期策略demo:
<script>
function get(key,exp){
var dataStr=localStorage.getItem(key);
var dataObj=JSON.parse(dataStr);
if(new Date().getTime()-dataObj.time>exp){
console.log('已过期');
}else{
console.log( "data="+dataObj.data);
}
}

function set(key,v){
var curTime=new Date().getTime();
var timeJson={data:v, time:curTime};
//JSON.stringify(obj):对象解析出字符串
localStorage.setItem( key, JSON.stringify(timeJson) );
}
</script>

图片储存:

<script>
var src="3.jpg";
function set(key){
var img=document.createElement('img');
img.src=src;
//pic加载完,触发回调
img.addEventListener('load',function(){
var imgCanvas=document.createElement('canvas');
imgContext=imgCanvas.getContext('2d');
//确保canvas和pic尺寸一致
imgCanvas.width=this.width;
imgCanvas.height=this.height;
//渲染图片到canvas中
imgContext.drawImage(this,0,0,this.width,this.height);
//用data url 的形式取出
//toDataURL(type)- 返回画布数据,默认类型为 image/png
var imgAsDataURL=imgCanvas.toDataURL('image/png');
//保存到本地
try{
localStorage.setItem(key,imgAsDataURL);
}catch(e){
console.log('失败:'+e);
}
},false
);
}
function get(key){
var srcStr=localStorage.getItem(key);
var imgObj=document.createElement('img');
imgObj.src=srcStr;
document.body.appendChild(imgObj);
}
</script>

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

动手不好,还好快

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信