2012年03月_bsr1983

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月

原创第11章 HTML5未来展望

11.1 HTML5的浏览器支持情况 11.2 HTML未来的发展 11.2.1 WebGL WebGL是针对Web上3D图像的API。WebGL使用的同样是canvas元素，只不过获取的是3D上下文。 1.3D HTML 与其他HTML5元素一样，WebGL将会成为Web平台不可或缺的一部分。因为WebGL通过canvas元素来渲染，所以它属...

2012-03-15 13:43:55 243

原创第10章构建离线Web应用

10.1HTML5离线Web应用概述 10.2 使用HTML5离线Web应用API 10.2.1 检测浏览器是否支持离线Web应用API if(window.applicationCache) { //浏览器支持离线应用 } 10.2.2 搭建简单的离线应用程序假设开发人员希望搭建一个包含HTML文档、样式表和JavaScript文...

2012-03-15 13:41:23 132

原创第九章 Web Storage API

9.1 HTML5 Web Storage概述使用HTML5 Web Storage API，开发者可以讲数据存储在JavaScript对象中，对象在页面加载时保持，并且容易获取。通过使用sessionStorage或localStorage，在打开新窗口或新标签页以及重新启动浏览器时，开发人员可以选择是否激活这些数据。存储的数据不会在网络上传输，重新浏览网页时也容易获取到...

2012-03-13 17:28:56 149

原创第八章 Web Workers API

HTML5 Web Worker可以让Web应用程序具备后台处理能力。它对多线程的支持性非常好，因此，使用了HTML5的JavaScript应用程序可以充分利用多核CPU带来的优势。将耗时长的任务分配给HTML5 Web Workers执行，可以避免弹出脚本运行缓慢的警告。在Web Workers中执行的脚本不能访问该页面的window对象（window.document）...

2012-03-13 13:43:09 175

原创第7 章 FormsAPI

7.1 HTML5 Forms概述 7.1.1 HTML Forms与XForms XForms是一个以XML为核心、功能强大却略显复杂的标准，它用于规范客户端表单的行为，而专门的W3C工作组研究这些行为已近十年。XForms充分利用了XML Schema，制定了针对验证和格式化的精确准则，不过，很遗憾，在没有安装插件的情况下，主流浏览器均不支持XForms。 7.1.2...

2012-03-12 16:21:32 154

原创第六章 WebSockets API

HTML5 WebSockets是HTML5中最强大的通信功能，它定义了一个全双工的通信信道，仅通过Web上的一个Socket即可进行通信。Websockets不仅是对常规HTTP通信的另一种增量加强，它更代表着一次巨大的进步，对实时的、事件驱动的Web应用程序而言更是如此。 6.1 HTML5 WebSockets概述 6.1.1 实时和HTTP 目前实时Web应...

2012-03-12 13:49:27 197

原创第五章 Communication API

第五章 Communication API 5.1 跨文档消息通信跨文档消息通信可以确保iframe、标签页、窗口间安全地进行跨源通信。它把postMessage API定义为发送消息的标准方式。利用postMessage发送消息非常简单，代码如下所示： chatFrame.contextWindow.postMessage('Hello,world','http://www.e...

2012-03-09 15:00:22 139

原创第四章 Geolocation API

4.1 位置信息 HTML5 Geolocation API的使用方法相当简单，请求一个位置信息，如果用户同意，浏览器就会返回位置信息，该位置信息是通过支持HTML5地理定位功能的底层设备提供给浏览器的。位置信息由纬度、经度坐标和一些其他元数据组成。 4.1.1 纬度和经度坐标经纬度可以用以下两种方式表示：十进制格式 DMS（Degree Minute Second，角度）格式...

2012-03-08 17:47:39 131

原创第三章音频和视频

音频和视频的编码/解码器是一组算法，用来对一段特定的音频或视频流进行编码和解码，以便音频和视频能够播放。原始的媒体文件体积非常大，假如不对其进行编码，那么构成一段视频和音频的数据可能会非常庞大，以至于在因特网上传播需耗费无法忍受的时间。若没有解码器的话，接收方就不能把编码过的数据重组为原始的媒体数据。编解码器可以读懂特定的容器格式，并且对其中的音频轨道和视频轨道解码。 3.2.2 理解媒体...

2012-03-07 17:19:39 178

原创第二章 Canvas API

2.1 Canvas 概述 Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG图像那样可以被放大缩小。此外，用Canvas绘制出来的对象不属于页面DOM结构或者任何命名空间。使用canvas编程，首先要获取其上下文（context）。接着在上下文中执行动作，最后将这些动作应用到上下文中。 canvas中的坐标是从左上角开始的，x轴沿着水平方向（按像素）向右延伸...

2012-03-06 21:33:21 115