2019-11-28

1. 常用属性和方法：

• 方法：

方法	用途
play()	播放音视频
pause()	暂停播放当前的音视频
canPlayType()	检查指定的音视频格式是否得到支持

• 属性：

属性	用途
autoplay	媒体加载后自动播放
currentTime	当前播放的时间，单位秒
duration	返回媒体的播放总时长，单位秒
ended	返回当前播放是否结束标志
loop	是否循环播放
muted	是否静音
src	当前音视频源的URL
volume	音量值

2. Web存储特点

• userdata：只适用于ie，每个页面只能存储64kb，该域名网站最多存储640kb；
• cookie：在会话结束时到期，也可以设置时间戳控制到期时长；如果要传到后台读取，key/value需要url编码，通过请求头储存并http请求到后端(浏览器自发的)；大小4kb，不同浏览器个数也有限制；
• localStorage：存储的值是字符串格式，大小一般在5mb左右，能永久性存储只要开发者不手动删除，会一直存在；
• sessionStorage：（临时保存同一窗口或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。seesionStorage的存储方式采用key、value的方式。

3. CANVAS是html5提供的新元素，而SVG存在的历史要比canvas久远，SVG并不是html5专有的标签，最初SVG是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。

CANVAS	SVG
利用html5	利用xml
依赖分辨率	不依赖分辨率
不支持事件处理器	支持事件处理器
文本渲染力弱	最合适带有大型渲染区域的应用程序
可以保存为文件后缀名 .png 或 .jpg	可以保存为文件后缀名.svg
最合适图像密集型的游戏	不适合游戏的应用

CANVAS可以看做是一个画布，其绘制出来的图形为标量图，因此，可以在CANVAS中引入jpg或png这类格式的图片，在实际开发中，大型的网络游戏都是用CANVAS画布做出来的，并且CANVAS的技术现在已经相当的成熟。另外，我们喜欢用CANVAS来做一些统计用的图表，如柱状图曲线图或饼状图等。而SVG，所绘制的图形为矢量图，所以其用法上受到了限制。因为只能绘制矢量图，所以SVG中不能引入普通的图片，因为矢量图的不会失真的效果，在项目中我们会用来做一些动态的小图标。但是由于其本质为矢量图，可以被无限放大而不会失真，所以就很适合来做地图。