zoukankan      html  css  js  c++  java
  • js-JavaScript高级程序设计学习笔记20

    第二十三章 离线应用与客户端存储

    1、离线检测

    HTML5定义navigator.onLine属性。还定义了两个事件,online和offline,当网络从离线变为在线或从在线变为离线时在window事件上触发。

    2、应用缓存

    appcache,专门为离线Web应用而设计的。Appcache时从浏览器的缓存中划分出来的一块缓存区,要想在这个缓存中保存数据,可以使用一个描述文件,列出要下载和缓存的资源。

    3、数据存储

    1、Cookie

    2、web storage

    Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB

    Web Storage又分为两种:

    • sessionStorage
    • localStorage

    从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了;而localStorage则一直将数据保存在客户端本地;

    不管是sessionStorage,还是localStorage,可使用的API都相同,常用的有如下几个(以localStorage为例):

    • 保存数据:localStorage.setItem(key,value);
    • 读取数据:localStorage.getItem(key);
    • 删除单个数据:localStorage.removeItem(key);
    • 删除所有数据:localStorage.clear();
    • 得到某个索引的key:localStorage.key(index);

    http://blog.csdn.net/hbcui1984/article/details/8466743

    3、IndexedDB

    在浏览器中保存结构化数据的一种数据库。_(:з)∠)_

  • 相关阅读:
    关于代码手写UI,xib和StoryBoard
    封装自己的framework静态库
    AsyncDisplayKit
    RunLoop
    AFNetworking2.0源码解析<三>
    AFNetworking2.0源码解析<四>
    AFNetworking2.0源码解析<二>
    AFNetworking2.0源码解析<一>
    多线程
    Mac svn 命令
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6215347.html
Copyright © 2011-2022 走看看