zoukankan      html  css  js  c++  java
  • 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轮询:

  • 相关阅读:
    7-11
    7-9
    7-8
    7-7
    7-6
    7-5
    7-4
    7-3
    第08次:升级《陋习手记》完善主从UI
    第07次:升级《陋习手记》显示多条数据
  • 原文地址:https://www.cnblogs.com/qzccl/p/5510794.html
Copyright © 2011-2022 走看看