首页 > Web开发 > 详细

html5程序设计(一)http://caniuse.com-->查看是否支持html5属性的网站(牛B)

时间:2015-07-27 18:35:16      阅读:374      评论:0      收藏:0      [点我收藏+]

1.基于html5的各类API的优秀设计,比如:从video元素中抓取的帧可以显示在canvas里面,用户单击canvas即可播放这帧的应用;

2.Modernizr 一个javascript库,它提供了非常先进的html5和css3检测功能;它是检测浏览器支持某些特性的最佳工具;

3.canvas本质上是一个位图画布,其上绘制的图形是不可缩放的,不可能像SVG图像那样可以放大缩小,此外用canvas绘制的对象不属于页面DOM结构或者任何命名空间;SVG图像可以在不同的分辨率下流畅的缩放,并且支持单击检测;

4.主流视频容器支持如下视频格式:

  Audio Video Interleave(.avi)

  Flash Video (.flv)

  MPEG5(.mp4)

  Matroska(.mkv)

  ogg(.ogv)

在页面视频播放的典型是使用flash,quickTime或者window media插件向HTML嵌入视频

5.Geolocation--->navigator.geolocation.getCurrentPosition(function(position){.....});

通过回调获得具体的位置信息

 

6.Communication API 探讨构建实时(real-time)跨源(cross-origin)通信的两个重要模块;

PostMessage API不仅可以胜任同源文档之间的通信,而且在浏览器不允许非同源通信的情况下,postMessage API 也很有用;postMessage API始终使用postMessage API,例如 使用Html5 Web Workers通信时;

 

12.构建离线的web应用

  about:cache

  chrome://appcache-internals 给出了存储在你的系统上的不同应用缓存内容的详细信息;

<!DOCTYPE html>

  <html mainfest="application.appcache">

  ....

  </html>

 CACHE MAINFEST

  example.html

  example.js

  example.css

  example.gif

 

//HTML5包含的部分:

WebGL

触摸屏设备事件

-------------------------》整体来说书不错。

html5程序设计(一)http://caniuse.com-->查看是否支持html5属性的网站(牛B)

原文:http://www.cnblogs.com/he0xff/p/4667791.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!