webstorage调查资料汇总

分享到:

在调查webstorage的过程中,一步一步了解了各种缓存或存储机制,local storage本地存储,application cache离线应用存储,http cache是http本身自带的缓存机制,cookie多用于身份验证;httpcache和cookie是在页面访问时随request和response传递的,所以接着又研究了http协议的原理及大致过程。

 

application cache:

Application Cache API (一)

Application Cache API (二)

HTML5 Application Cache

web app初学者使用Application Cache指南

HTML5离线存储之Application Cache

HTML5研究之应用缓存(application cache)

Using the application cache

慎用html5 application cache

Application Cache is a Douchebag

HTML5离线存储之Application Cache

7.7 Offline Web applications

chrome查看appcache时输入:chrome://appcache-internals/

 

localStorage:

HTML5 LocalStorage 本地存储

localStorage兼容方案实现

 

Http Cache:

利用HTTP Cache来优化网站

HTML5 WebStorage

基于资源的HTTP Cache的实现介绍

Http Cache最基本的一些东西

【Web缓存机制系列】2 – Web浏览器的缓存机制

cookie:

细说Cookie

HTTP协议 (七) Cookie

cookie管理

Cookie/Session机制详解

 

另外,其他参考资料:

HTTP协议 (四) 缓存

HTTP协议详解

Fiddler 教程

Wireshark基本介绍和学习TCP三次握手

Caching Tutorial

好好研究完上面的资料,关于http缓存的知识应该会有一个比较全面的认识。

昵    称:
验证码:

相关文档:

  • HTML5 移动应用开发环境搭建及原理分析
    开发环境搭建: 一、Android开发平台搭建 安装javajdk:\\10.194.151.132\Mewfile\tmp\ADT 配置javajdk 1)新建系统变量,JAVA_HOME,C:\ProgramFiles\Java\jdk1....
  • IE6-9不支持Textarea的maxlength属性
    给textarea标签添加一个maxlength=200,测试工程师提bug说IE9没起作用。后一测试,发现IE10一下的浏览器均不支持 <textareamaxlength="200"></...
  • HTML5新标签特性。
    <ahref="tel:139xxxxxxxx">一键拨打号码</a> <ahref="sms:139xxxxxxx">一键发送短信</a>...
  • placeholder 属性
    placeholder属性提供可描述输入字段预期值的提示信息(hint)。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 1<inputpla...
  • 当ECharts碰到TWaver
    百度公司的ECharts发展迅速,已经成为HTML5Chart的佼佼者,这让大家骄傲:中国人终于也有世界级的开源通用UI产品了。正如其网站所说,...
  • h5中form表单中input新增的属性值
    在HTML5中增加了许多新的标签和功能属性,今天我们来看一个Form表单在HTML5中新的使用方法。那么在HTML5中新加入的这个功能与之前咱们...
  • HTML中的head结构
    HTMLhead头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签...
  • html5 合成及透明度调整
    <body><canvasid="c1"width="400"height="400"></canvas><scripttype="text/javascript">varoC=document.getElementById("c1");varoGC=...
  • HTML5应用程序缓存Application Cache
    什么是ApplicationCache HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cachemanifest文件,可...
  • HTML5 Storage(永久存储)
    localStorage.aa="aa";//存储了一个key为aa并且value为aa的键值对; localStorage.clear();//将localStorage存储的所有键值对清除; localStorage.removeItem("aa");...
  • HTML5 Video与Audio 视频与音频
    ----视频Video对象 -指定视频播放地址 <videowidth="320"height="240"controls="controls"> <sourcesrc="movie.ogg"type="video/ogg"/> <sourcesrc="movie.m...
  • html5 拖放到购物车
    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>无标题文档</title> <style> *{ margin:0px; padding:0px;...
  • AFNetworking 2.0 新特性讲解之AFHTTPSessionManager
    [置顶]AFNetworking2.0新特性讲解之AFHTTPSessionManager...
  • 移动前端不得不了解的html5 head 头标签
    DOCTYPE DOCTYPE(DocumentType),该声明位于文档中最前面的位置,处于html标签之前,此标签告知浏览器文档使用哪种HTML或者XHTML规范。 使用HTML5...
  • 一款基于jQuery和HTML5全屏焦点图
    今天爱编程小编给大家分享一款非常绚丽的jQuery焦点图插件,同时这款焦点图也利用了HTML5和CSS3的相关特性,使图片切换效果更加丰富多...
  • HTML5数据推送应用开发
    javascript表达行为,css表达外观,注意HTML既表达结构(逻辑结构),又表达内容(数据本身)通常需要更新数据时,并不需要更新结构,...
  • editplus中html的自动补全功能
    之前一直都是“纯手工”,一个一个符号慢慢敲的,现在编码量大了,自然效率也不能还停留在一个一个慢慢敲的时代。...
  • 代码生成器+SpringMVC+mybatis+hibernate+bootstrap+HTML5
    A代码生成器(开发利器);B阿里数据库连接池druid;C安全权限框架shiro 此系统为springmvc+mybaits3.2版本,提供maven的pom.xml文件,另免费赠送hibernate...
  • javaee+SpringMVC+mybatis+hibernate+bootstrap+HTML5
    A代码生成器(开发利器);B阿里数据库连接池druid;C安全权限框架shiro 此系统为springmvc+mybaits3.2版本,提供maven的pom.xml文件,另免费赠送hibernate...
  • (转)Phonegap VS AppCan
    简介 Phonegap PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,...