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

HTML5存储

难度中级
时长 1小时27分
学习人数
综合评分9.33
104人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
  • HTML5常用的几种存储方式:localstorage sessionstorage application cache indexDB
    查看全部
    0 采集 收起 来源:关于存储

    2016-11-08

  • H5本地存储 数组,json,图片,脚本,样式文件
    查看全部
  • H5的三种存储方式 1、本地存储:localstorage&& sessionstorage 2、离线缓存 :application cache 3、IndexedDB 和 Web SQL
    查看全部
  • 内容编排不错,最后一定要做个总结
    查看全部
  • 离线缓存的原理
    查看全部
  • indexedDB
    查看全部
  • h5本地存储的注意事项
    查看全部
  • 存储: cache缓存 磁盘 数据库 内存 cookie和cache都在内存中
    查看全部
    0 采集 收起 来源:关于存储

    2016-10-30

  • 是否断网
    查看全部
  • H5存储优势: 1. 存储空间大 2. 接口丰富 3. 数据相对安全 4. 关系型 5. 省流量 H5存储劣势: 1. 浏览器兼容;( localStorage 和 app cache 主流浏览器都兼容的不错 ) 2. 同源策略;( localStorage 不可以跨子域,manifest 所引用的文件必须在同一个域名下面 ) 3. 脚本控制;( 只能在浏览器端存放;服务器端想拿到数据,只能通过请求 ) 4. 更新策略; ( 不像cookie可以设置过期时间;比如localStorage永不过期,必须自己写一套更新机制 )
    查看全部
    0 采集 收起 来源:总结

    2016-10-27

  • 其它客户端存储: userData (第一章讲过) 1. 只有IE支持(IE5.0 ... 9.0) google Gears 1. chrome (12.0后放弃支持) 2. 引擎:64SQLite 3. 需要用户授权
    查看全部
  • 离线缓存: 1. 如何更新 如果有修改资源文件,必须通过【修改manifest】文件来刷新被缓存的文件列表 2. manifest优势: (1) 完全离线 (2) 资源被缓存,加载更快 (3) 降低server负载 3. manifest使用缺陷 (1) 含有manifest属性的当前请求页无论如何都会被缓存 (2) 更新需要建立在manifest文件的更新,文件更新后是需要页面再次刷新的( 需2次刷新才能获取新资源 ) (3) 更新是【全局性】的,无法单独更新某个文件( 无法单点更新) (4) 对于链接的参数变化是敏感的,任何一个参数的修改都会被( master )重新缓存( 重复缓存含参页面 ) index.html 和 index.html?renew=1 会被认为是不同文件,分别缓存 4. 使用场景 (1) 单地址的页面 (2) 对实时性要求不高的业务 (3) 离线webapp
    查看全部
  • H5离线缓存 1. 离线缓存( offline application ): 它可以让Web应用在离线的情况下继续使用,通过manifest文件指明需要缓存的资源 2. 检查是否在线 navigator.onLine 值为 true 在线; false 离线 3. 使用 (1) 创建manifest文件 (2) 在 HTML 页面中引用 manifest 文件 <html manifest = "manifest.appcache"> (3) 在服务器添加一个类型: mime-type text/cache-manifest
    查看全部
  • H5离线缓存原理与缺陷(部分缺陷): (1) 若manifest更新,则只有在第二次访问时才能显示更新的内容,第一次仍显示的是原(app cache)缓存中的内容; (2) manifest有更新的时候,是把manifest里指定的文件【全部】重新拉取一次,而不是只拉取修改了的文件;
    查看全部
  • indexedDB: 1. 一种能在浏览器中持久存储结构化数据的DB,并且为web应用提供了丰富的查询能力。 2. 浏览器支持: Opera不支持,IE10+,移动端支持弱 3. 存储结构: indexedDB按域名分配独立空间,一个域名下可创建多个DB(数据库),一个DB可以创建多个对象储存空间(表),一个对象存储空间可以创建多个对象数据。 注:w3c已不在维护Web SQL.
    查看全部

举报

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

微信扫码,参与3人拼团

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

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