bsr1983的专栏

第一章 概述HTML5的内容类型内容类型描     述内嵌向文档中添加其他类型的内容，例如audio、video、canvas和iframe等流在文档和应用的body中使用的元素，例如form、h1和small标题段落标题，例如h1、h2和hgroup等交互...

 HTML5游戏开发中遇到的问题       在HTML5游戏开发的过程中，遇到的问题如下：1）苹果safari浏览器中的音频播放问题（1）仅有部分mp3格式的音频可以在ios的safari中进行播放，部分可以在Mac的safari中可以播放的mp3在ios的safari中无法播放。（2）ios中safari设置audio标签的autoplay属性为true无法...

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

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

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

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

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

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

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

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

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

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

在chrome地址栏输入 chrome://chrome-urls/ 可以看到所有的chrome支持的伪url（1）chrome://accessibility/可达性分析，默认是关闭的，点击accessibility off后变成accessibility on|show accessibility tree，点击show accessibility tree显示分析树（2）ch...