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

HTML5存储

难度中级
时长 1小时27分
学习人数
综合评分9.33
104人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
  • H5的本地存储实现过期控制
    查看全部
  • H5本地存储的使用限制 1. 需要添加存储更新策略和过期控制 2. 子域名之间不能共享存储数据 3. 超出存储后如何存储(LRU,FIFO) --> LRU (Least Recently Used) FIFO (先入先出) 4. server端如何取到
    查看全部
  • H5本地存储注意事项: 1. 使用前要判断浏览器是否支持 (浏览器开启无痕模式后不能用, 有的可读但不可写,所以不能用 if(window.localStorage){}来做兼容处理 先set,然后再捕获异常) 2. 写数据的时候需要用异常处理,避免超出容量报错 3. 敏感信息不要存 4. 注意key的唯一性, 会被覆盖
    查看全部
  • 服务器设置允许跨域 Java Response.AddHeader("Access-Control-Allow-Origin", "*"); 或指定域名下可以访问: Response.AddHeader("Access-Control-Allow-Origin", "http://www.1688hot.com:80");
    查看全部
  • H5的本地存储loccalStorage和sessionStorage可以存储的东西 *** key|value形式, value为字符串,其它可以序列化成JSON字符串 1. 数组 2. json数据 3. 图片 (base64, 可以用canvas输出) 4. 脚本 5. 样式 (Ajax异步请求)
    查看全部
  • H5存储解决了cookie的问题 1. 解决cookie总数和单个大小的限制(4k 4095B) 2. 解决请求头常带存储信息的问题 3. 解决关系型存储的问题 4. 跨浏览器
    查看全部
  • cookies的特点: 1. http请求头上会带着 2. 大小4K 3. 主Domain污染
    查看全部
    0 采集 收起 来源:关于存储

    2016-12-08

  • 存储的4种方式: 1. 内存 2. cache 3. 磁盘文件 4. 数据库
    查看全部
    0 采集 收起 来源:关于存储

    2016-12-08

  • indexedDB: 1. 一种能在浏览器中持久存储结构化数据的DB,并且为web应用提供了丰富的查询能力。 2. 浏览器支持: Opera不支持,IE10+,移动端支持弱 3. 存储结构: indexedDB按域名分配独立空间,一个域名下可创建多个DB(数据库),一个DB可以创建多个对象储存空间(表),一个对象存储空间可以创建多个对象数据。 注:w3c已不在维护Web SQL.
    查看全部
  • coolies http请求头 会显得臃肿 而且效率相对较低 4kb的大小 能存储的比较有限 主Domain污染 反问记录或者http请求的时候,会带着主域名的东西,这样随意去存取得话,会造成主域名的污染
    查看全部
    0 采集 收起 来源:关于存储

    2016-11-29

  • 四种存贮方式
    查看全部
    0 采集 收起 来源:关于存储

    2016-11-29

  • 本地存储:( localstorage , sessionstorage ) 离线缓存:( application cache ) IndexedDB , Web SQL
    查看全部
  • 离线缓存缺陷
    查看全部
  • 代码块
    查看全部
  • localstorage本地存储注意事项: 1、试用期要判断浏览器是否支持(先设置数据:localStorage.setItem(key,value); 看下是否能捕获异常,如果能捕获到异常说明不支持) 2、写数据时,需要异常处理,避免超出容量抛错 3、避免把敏感的信息存入localstorage 4、key的唯一性,重复设置key值时会把新的覆盖到旧的上面
    查看全部

举报

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

微信扫码,参与3人拼团

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

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