zoukankan      html  css  js  c++  java
  • HTML5学习笔记(五)存储

    HTML5 web 存储,一个比cookie更好的本地存储方式。数据以 键/值 对存在, web网页的数据只允许该网页访问使用。加的安全与快速.可以存储大量的数据,而不影响网站的性能.

    客户端存储数据的两个对象为:

    • localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
    • sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

    在使用 web 存储前,应检查浏览器是否支持 localStorage 和sessionStorage:

    if(typeof(Storage)!=="undefined") { // 是的! 支持 localStorage sessionStorage 对象! // 一些代码..... } else { // 抱歉! 不支持 web 存储。 }

    Web SQL 数据库

    它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。前提是客户端有安装SQL环境

    三个核心方法:

    1. openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
    2. transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
    3. executeSql:这个方法用于执行实际的 SQL 查询。

    HTML5 应用程序缓存

    使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。

    启用应用程序缓存,请在文档的<html> 标签中包含 manifest 属性:

    <!DOCTYPE HTML>
    <html manifest="demo.appcache">
    ...
    </html>

    每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。

    manifest 文件的建议的文件扩展名是:".appcache"。

    Remark 请注意,manifest 文件需要配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。


    Manifest 文件

    manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。

    manifest 文件可分为三个部分:

    • CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
    • NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
    • FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)

    更新缓存

    一旦应用被缓存,它就会保持缓存直到发生下列情况:

    • 用户清空浏览器缓存
    • manifest 文件被修改(参阅下面的提示)
    • 由程序来更新应用缓存

    一旦文件被缓存,则浏览器会继续展示已缓存的版本,即使您修改了服务器上的文件。

  • 相关阅读:
    datatables出现横向滚动条
    mumu模拟器设置代理/打开网络连接(windows)
    a标签下划线
    python 配置导入方式
    redis命令
    django+mongodb 内置用户控制
    异常补充
    关于异常的总结
    java 常用类的方法
    java 日期时间类加Calendar的set和add方法
  • 原文地址:https://www.cnblogs.com/dengquan/p/9488907.html
Copyright © 2011-2022 走看看