H5存储-慕课笔记

标签：

$2-1  H5的几种存储

(1).本地存储(localstorage & sessionstorage)

(2).离线缓存(application cache)

(3).IndexdDB和Web SQL

一：H5本地存储

1、基本概念：

(0)API--localstorage && sessionstorage

(1)存储形式： key-->value

(2)过期策略：

localstorage可以永久存储，除非手动delete。

sessionstorage关闭浏览器或重新打开标签页面时消失。

(3)大小：官方称每个域名5M

(4)可以存储:

序列化的数组、脚本、json数据、样式文件、图片(canvas中间转义层，注意跨域问题可尝试img.crossOrigin = ‘‘; )

(5)浏览器支持情况：

PC：IE8+，Firefox，Chrome

Mobile：ios Safari 3.2+ ,Android Browser 2.1+

2、localstorage API介绍

-getItem 取记录 如：localStorage.getItem(‘name‘)

-setItem 设置 如：localStorage.setItem(‘name‘,‘tom‘)

-removeItem 移除 如：localStorage.removeItem(‘name‘)

-key 索引 如： 如：localStorage.key(0)

-clear 全部删掉 如：如：localStorage.clear()

H5存储-慕课笔记

标签：

原文地址：http://www.cnblogs.com/k11590823/p/4677233.html