-
早期:cookies userdata html5:localstorage,application cache, indexedDB查看全部
-
太短勒查看全部
-
顶!越是这种基础性的课程,越是有帮助查看全部
-
注意事项查看全部
-
本地储存过期策略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>查看全部
-
H5存储形式: 1. 本地存储( localStorage && sessionStorage) 2. 离线缓存( application cache ) 3. IndexedDB 和 Web SQL 本地存储: 1. localStorage 永久存储,永不失效,除非手动删除 2. sessionStorage 重新打开页面或者关闭浏览器就消失了 3. 本地存储大小:官方给出的文档是,每个域名5M 4. IE8以上支持 5. localStorage API介绍 getItem setItem removeItem key clear 6. 只要能转换成字符串的都能存在localStorage 数组 json数据 图片;(利用canvas最终转换成字符串.使用在图片不经常更改的情况下,不过如果图片bash64比较大的话,会比较浪费资源) 脚本 样式文件 7. 注意事项: (1) 使用前要判断浏览器是否支持;( setItem,然后catch异常;网上有window.localStorage的方法,不好,有的浏览器可以写入,但无法读出 ) (2) 写数据时候,需要异常处理,避免超出容量抛错;(5M) (3) 避免把敏感的信息存入localStorage (4) key的唯一性;(再次存入,会覆盖) 8. localStorage使用限制 (1) 存储更新策略,过期控制(永不过期,常驻浏览器的记录,业务中实现过期的策略,需要自己加); (2) 子域名之间不能共享存储数据;( cookie支持:可以通过把子域名的document.domain设置成主域名,各个子域名既可以共享数据。可以通过postMessage达到子域名共享localStorage数据的目的)。 (3) 超出存储大小之后如何存储( 用一些比较成熟的算法淘汰一些数据,如:LRU, FIFO ); (4) server端如何取到;( cookie在服务端是可以取到的;localStorage/sessionStorage是纯客户端存储,在服务端取不到,如果要取到, 跟到POST/GET请求相应的参数后面,以达到该目的; )查看全部
-
本地存储 localstorage API介绍 getItem setItem removeItem key clear查看全部
-
这老师是谁?声音好硬!查看全部
-
用Canvas存储图片查看全部
-
H5本地存储使用注意事项: 1、使用前要判断浏览器是否支持(无痕模式不支持/一些奇葩浏览器不支持); 2、写数据时候,需要异常处理,避免超出容量跑错(单个域名,容量5M); 3、避免把敏感的信息存入localstorage; 4、key的唯一性(同key后边的会覆盖前边的);查看全部
-
H5本地存储注意事项:查看全部
-
图片储存: <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>查看全部
-
早期: cookies userdata(只有IE支持,存储在xml中) html5: localstorage application cache(离线储存) indexedDB html5存储解决案例: 图片存储在客户端 跨域共享客户端缓存 离线web应用 实现客户端的DB查看全部
-
http://www.ibm.com/developerworks/cn/web/1210_jiangjj_html5db/index.html查看全部
-
非主流,可以不了解,已经不用!查看全部
举报
0/150
提交
取消