学习html5（3）

1.多媒体

    1）音频：audio标签定义音频，source标签定义多媒体资源，可以是多个，ogg或者mp3等，controls属性进行音频流的控制（audio使用方式同image）；

    2）视频：video标签定义视频，source标签定义多媒体资源，可以是多个，ogg或者mp4等，controls属性进行视频流的控制（video使用方式同image），同时可以设置width和height；

 

2.拖拽

ondragstart拖放数据，setData被拖数据类型和值，ondragover放置数据时应该屏蔽的事件，ondrop放置数据时发生的事件；

 

3.Canvas标签

    1）canvas只是一个容器，需要使用javascript来进行绘制图形；

    2）通常在javascript中创建canvas标签；

    3）查找canvas的api进行图形绘制。

 

4.SVG引用

    1）可伸缩的矢量图形，xml格式基于万维网标准的文件；

    2）改变尺寸之后分辨率不变；

    3）利用svg标签引入；

    4）同时可以使用src进行引入，同引入图片文件。

 

5.web存储

    1）localStorage：没有时间限制的数据存储；

    2）sessionStorage：针对一个session的数据存储；

    3）应用缓存：在html标签中添加manifest属性，并添加文件.appcache，在文件中添加所要缓存的文件CACHE:；

    4）webWorker：运行在后台的javascript，同服务线程，用于处理耗时的操作，放置界面卡顿，postMessage向页面传回数据，terminate终止；

    5）服务器推送事件：主要使用websocket和http进行数据的传输。

 

参考文档：1）帮助文档：https://developer.mozilla.org/zh-CN/

                   2）cns：http://javascript.ruanyifeng.com/htmlapi/canvas.html

                   3）JS插件：http://createjs.com/

                   4）SVG：http://www.w3school.com.cn/svg/

                   5）服务器下载地址：http://www.jetbrains.com/

                   6）服务器下载地址：http://www.xampp.cc/archives/69