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

HTML5存储

难度中级
时长 1小时27分
学习人数
综合评分9.33
104人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
  • 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最终转换成字符串) 脚本 样式文件 7. 注意事项: (1) 使用前要判断浏览器是否支持;( setItem,然后catch异常;网上有window.localStorage的方法,不好,有的浏览器可以写入,但无法读出 ) (2) 写数据时候,需要异常处理,避免超出容量抛错;(5M) (3) 避免把敏感的信息存入localStorage (4) key的唯一性;(再次存入,会覆盖) 8. localStorage使用限制 (1) 存储更新策略,过期控制 (2) 子域名之间不能共享存储数据;( cookie支持:可以通过document.domain实现 ) (3) 超出存储大小之后如何存储( 用一些比较成熟的算法淘汰一些数据,如:LRU, FIFO ); (4) server端如何取到;( 跟到POST/GET请求相应的参数后面,以达到该目的; cookie是可以取到的,localStorage/sessionStorage是纯客户端存储 ) 9. 使用场景: (1) 利用本地数据,减少网络传输 (2) 弱网络环境下,高延迟,低带宽,尽量把数据本地化
    查看全部
  • UserData 1. 只有IE支持 2. XML文件 H5存储目标: 1. 解决4K的大小问题 2. 解决请求头常带存储信息的问题;(不安全;请求越来越慢) 3. 解决关系型存储的问题 4. 跨浏览器;(UserData解决了大小问题,但只有IE支持,H5可以解决跨平台问题)
    查看全部
  • 存储 1. cache 2. 磁盘文件 3. 数据库 4. 内存 cookies 1. http请求头会带着 2. 大小4K 3. 主Domain污染 使用场景:存到购物车;身份验证放到cookies里
    查看全部
    0 采集 收起 来源:关于存储

    2016-10-27

  • 早期: cookies userdata(只有IE支持,存储在xml中) html5: localstorage application cache(离线储存) indexedDB
    查看全部
  • 存储足以
    查看全部
  • 5个ipa
    查看全部
  • H5的存储的3钟方式
    查看全部
  • cookies是什么样的
    查看全部
  • localstorage使用限制: 1、localstorage是永不过期的,需要业务自己存储更新策略,过期控制 2、各个子域名之间不能共享存储数据(可以借助html5的postmessage做跨域处理),cookie可以 3、超出存储大小是可以借助LRU,FIFO算法淘汰旧的 4、server端要想取到,需要跟在post请求或者get请求后面,以达到访问目的
    查看全部
  • localstorage本地存储注意事项: 1、试用期要判断浏览器是否支持(先设置数据:localStorage.setItem(key,value); 看下是否能捕获异常,如果能捕获到异常说明不支持) 2、写数据时,需要异常处理,避免超出容量抛错 3、避免把敏感的信息存入localstorage 4、key的唯一性,重复设置key值时会把新的覆盖到旧的上面
    查看全部
  • localstorage业务自己实现过期控制策略
    查看全部
  • 数组、json数据和图片序列化字符串的,再存储到localstorage里 脚本和样式文件,通过ajax请求后把responseText文件存储到localstorage里
    查看全部
  • localstorage API介绍: 设置数据:localStorage.setItem(key,value); 获取数据:localStorage.getItem(key) 获取全部数据; 删除数据:localStorage.removeItem(key) 清空全部数据:localStorage.clear() 获取本地存储数据数量:localStorage.length 获取第 N 个数据的 key 键值:localStorage.key(N)
    查看全部
  • H5本地存储浏览器支持情况: IE8 以上 opera 10.6以上 chrome 10.0以上 safari 4.0以上 firefox 3.5以上 ios safari 3.2以上 Android 2.1以上
    查看全部
  • 过期策略: localstorage是永不过期的,除非是手动删除 sessionstorage是如果重新打开页面或者关闭浏览器,则sessionstorage就消失了 大小:官方给出的是每个域名5M 存储形式:key--->value 备注:ppt上写的不全
    查看全部

举报

0/150
提交
取消
课程须知
具备HTML/CSS、JavaScript、CSS3基础知识。
老师告诉你能学到什么?
通过学习本教程可以熟练掌握每种存储的操作方法;了解每种存储方式的优缺点,以及适用场景;在今后的业务开发中能够灵活运用H5的存储;利用浏览器端存储来优化你的业务。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!