html新特性(部分)

1、    audio / vedio

在audio / vedio之间的文字主要是当浏览器不支持该资源的时候显示

ps:火狐不支持.mp4格式的,所以使用vedio的时候可以使用引入多个<source>来让浏览器之间更好地兼容

2、    SVG

SVG可以外部创建一个文件,后缀名为.svg,然后在html通过src引入文件来使用它,但是外部创建的文件要记得添加头文件<?xml version=”1.0”?>

3、    客户端存储数据:可以通过检查元素的Resources,来查看存储的数据

(1)     localStorage (没有时间限制,可以长时间存储)

使用的话,主要是通过localStorage.text来存取

(2)     sessionStorage (一关闭窗口就会清除数据)

使用的话主要是通过sessionStorage.XX 来存取,XX可以自己定义

4、    应用缓存

法一:在html中加入,比如:<html manifest="myCache.appcache">

一般命名的后缀是.appcache,然后在这个文件里面加入自己想要的缓存的文件

注意:首次使用的时候要打开服务器,

比如:myCache.appcache可以这样写:

CACHE MANIFEST

CACHE(要缓存的文件)

appCache.html

    NETWORK(不缓存的文件)

5、    Web Worker(运行在后台的JavaScript,独立于其他脚本,不影响性能)

方法:

(1)     postMessage()[用于向HTML页面传回一段消息]

(2)     terminate()[终止Web worker ,并释放浏览器/计算机资源]

事件:

  • onmessage()

 

在js中:

var  work =  new Worker(“XX.js”);

work.onmessage = function(e){

  //  e.data;获取数据

}

XX.js中:要使用postMessage()

注意:给Web Worker终止之后,还需要记得重新给他初始化

6、    HTML5服务器推送事件

WebSocket

HTTP轮询:

posted @ 2016-05-20 07:00  逆光飞翔23  阅读(115)  评论(0编辑  收藏  举报