应用缓存

应用缓存

       应用缓存使用应用缓存的两个步骤:

1.创建应用缓存的文件

应用缓存_第1张图片

        �

2.在html中引入应用缓存的文件

应用缓存_第2张图片

3.应用缓存的详细使用

   需要在服务端配制应用缓存文件

        在客户端断网的时候保存一个版本当来网的时候更新应用缓存的文件可以通过applicationCache监听应用缓存失效的状态,如果失效更新页面

应用缓存_第3张图片

Html5中数据存储的方式

        1.Storage

        2.webSQL数据库操作

        3.Indexeddb数据库操作

          Storage:

        setItem(


        key,value);

        getItem(key);

1.sessionStorage:只在不关闭浏览器的情况下 数据有效,只要关闭掉浏览器就会 清除保存的数据


2.localStorage:只要不清楚缓存  保存到浏览器的数据 一直存在 

应用缓存_第4张图片


indexedDB

       indexedDB是一个nosql ,都是以对象的方式区存储

      indexedDB的基本操作

      1.打开数据库并且开始一个事务。(事务一个平台演员的舞台是一个可以提供表演的地方)

     2.创建一个object store。

    3.构建一个请求来执行一些数据库操作,像增加或提取数据等。

   4.通过监听正确类型的DOM 事件以等待操作完成。

  5.在操作结果上进行一些操作(可以在request 对象中找到)

查看IndexedDB中 存储的数据


应用缓存_第5张图片

你可能感兴趣的:(应用缓存)