sessionStorage 数据创建到浏览器页签关闭
localStorage数据创建到用户手动清除，或者使用clear(), removeItem(key)删除
sessionStorage 条件：同一个浏览器页签
localStorage 条件：相同域名（协议，域名，端口）的不同网址
频繁操作且安全性不高的数据
增加一条数据
根据key值获取一条数据
根据指定的key删除一条数据
清除所有数据
获取指定索引位的key值
数据项个数
宽高不要写单位，宽高不要在css中设置
默认从左到右，从上到下绘制，宽高为负值的时候往返方向绘制
设置填充颜色（可设置渐变色）
合法的颜色值，rgba（255,255,255，.5）
设置描边颜色（可设置渐变色）
填充矩形
设置画笔宽度
描边矩形
开始绘制新的路径，相当于抬起画笔
把路径移动到画布中的指定点，不创建线条
添加一个新点，然后在画布中创建从该点到最后指定点的线条
设置或返回线条末端线帽的样式
设置或返回两条线相交时，所创建的拐角类型
创建从当前点回到起始点的路径，创建线条
绘制已定义的路径
清除指定区域内的像素
创建弧/曲线（用于创建圆形或部分圆）
绘制两条切线之间的弧线
设置或返回文本内容的当前字体属性
设置或返回文本内容的当前对齐方式，水平对齐方式
可选值： center，start ，end，left，right
设置或返回在绘制文本时使用的当前文本基线
可选值： alphabetic ，top ，hanging ，middle ， ideographic ，bottom
在画布上绘制文本
创建线性渐变（用在画布内容上）
创建放射状/环形的渐变（用在画布内容上）
设置或返回用于阴影的颜色
设置或返回用于阴影的模糊级别
paint.shadowBlur = 100
设置阴影偏移
向画布上绘制图像、画布或视频
转换有叠加效果，如果之前有转换，会在之前转换的基础上再次转换
缩放当前绘图
旋转当前绘图
重新映射画布上的 (0,0) 位置
可选值：
设置或返回绘图的当前 alpha 或透明值
保存之前paint设置的样式
重新回到之前保存的样式
建立连接成功
接收服务器信息， even.data 包含返回的信息
发生错误
关闭通信
当音频元数据加载完毕时触发。
播放过程中实时触发
声音改变时触发
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<style>
.box div{
width: 50px
height: 50px
background: #3ff
}
</style>
<script>
$(document).ready(function() {
opacity = 0
$(".box div").each(function() {
$(this).css('opacity',opacity+=0.1)
})
})
</script>
</head>
<body>
<div class="box">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
</div>
</body>
</html>
