html5学习之一
2014-04-03 20:40
155 查看
你可能不知道的5个功能强大的 HTML5 API
HTML5 新增了许多重要的特性,像 video、audio 和 canvas 等等,这些特性使得能够很容易的网页中包含多媒体内容,而不需要任何的插件或者 API。而其它的新元素,例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 JavaScript API,下面这5个 HTML5 API 你可能不知道,通过今天这篇文章可以了解一下。Fullscreen API
这个 HTML5 全屏 API 让 Web 开发者可以通过编程控制页面的全屏显示。这个 API 对于 JavaScript 游戏开发特别有用,例如这款单人射击游戏 BananaBread,在全屏状态下玩那是相当酷。Page Visibility API
Page Visibility API 可以帮助开发者监听用户的焦点在哪个页面选项卡上面以及用户在选项库或者窗口之间的移动情况。如果使用合理的话,当焦点不在某个页面上的时候可以停止一些消耗很大的任务。getUserMedia API
特别有趣的一个 API,能够调用电脑的摄像头,结合 <video> 标签和 Canvas 就能在浏览器中拍摄照片了。未来这个 API 将被广泛用来让浏览器和用户之间互动。Battery API
顾名思义,这是一个电池 API ,明显是为移动设备准备的,用于监控电池的状态。能够通过事件监听电池电量的变化,电池的等级、可用时间等状态。下面是是示例代码,可以通过后面的教程链接学习更详细的使用方法。Link Prefetching
这个链接预取 API 非常有用,让开发者可以控制网页资源在后台安静的预先加载,这样用户在浏览网站或者使用 Web 应用程序的时候能够有流畅的使用体验。可以预加载整个页面,也可以是单个资源,示例代码如下:<!-- 预加载整个页面 --> <link rel="prefetch" href="http://davidwalsh.name/css-enhancements-user-experience" /> <!-- 预加载一张图片 --> <link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" />
使用教程
上面这5个 HTML5 API 值得关注,在不久的将来这些 API 将被广泛的使用,因此越早掌握它们可以帮助你为构建优秀的 Web 应用打下坚实的基础。通过使用教程可以快速的熟悉这些 API 的基本用法和使用场景,提供的在线演示展示了直观的应用情况。
相关文章推荐
- 一款功能强大并且可以结合html5实现本地存储的数据库 – SQLite学习文档
- 分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(2月6日-2月12日)
- 学习html5(4)
- 分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(3月12日-3月18日)
- Html5 学习系列(五)Canvas绘图API快速入门(1)
- html5学习-Web Worker(转)
- 慕课网HTML5学习笔记
- HTML5学习第二篇,笔记一。
- HTML5的学习
- [HTML5] 飞龙天惊-HTML5学习系列
- HTML5学习_day06(4)--html之固定定位
- HTML5 学习总结(四)——canvas绘图、WebGL、SVG
- 【如何学习一门新语言】HTML5基础培训总结
- HTML5学习笔记
- HTML5学习之文件操作(九)
- 每天学习点——html5
- 学习HTML5开发RPG游戏第三步>基本对象设计<四>
- html5学习笔记一
- HTML5 WEBGL学习1 3D基础知识
- 画板社交工具开发分享——HTML5 canvas控件、PHP、社交分享学习(四)