Nov 6
- 作者:heero
- 时间:2011-11-6 18:10
HTML 5的<video>是一个相当不错的标签,但是它刚发布的时间,最大的问题是它不能像Flash那样实现真正的全屏。幸好,几个月后,大部分浏览器已经原生地支持全屏。
全屏API简史
-
第一个原生的全屏接口是在Safari 5.0(和iOS)中添加的 webkitEnterFullScreen() 函数。不过,它只能用于<video>标签。
-
在Safari 5.1中,苹果修改了这个API使它更接近于Mozilla的全屏API草案(比苹果的实现更早)。现在,所有DOM元素都可以调用 webkitRequestFullScreen() 方法。
-
Firefox和Chome表示它们将会添加原生全屏API支持,而且这个特性已经在Chome 15+以及Firefox Nightly中实现。
-
在2011年10月15日,W3C发布了一份全屏API草案(由Opera团队的一名成员编写),它跟Mozilla的草案有两个主要的不同点:
-
Mozilla/Webkit使用大写字母'S'(FullScreen),但W3C则不是(Fullscreen);
-
Mozilla/Webkit使用cancelFullScreen,W3C使用exitFullscreen。
Sep 3
- 作者:heero
- 时间:2011-9-3 23:10
准备工作
在HTML中指定一个区域放置时钟:
<div id="clock" style="position: relative;"></div>
时钟的一些外观设定:
var width = 260; // 桌布宽度
var height= 260; // 桌布高度
var dot = {
x : width / 2,
y : height / 2,
radius : 6
}; // 圆点位置、半径
var radius = 120; // 圆半径
var borderWidth = 6; // 圆边框宽度
创建<canvas>元素:
var clock = document.getElementById('clock');
var clockBg = document.createElement('ca
May 23
- 作者:heero
- 时间:2011-5-23 17:46
严格模式(Strict Mode)是ECMAScript 5的新特性,它允许你把整个程序,或者某个函数,放置在“严格”的操作语境中。这种严格的语境会防止某些特定的操作并抛出更多的异常。
虽然ECMAScript 5对ECMAScript 3是向下兼容的,但是在严格模式下,所有在ECMAScript 3中不赞成使用的特性都被禁用(或抛出错误)而不是兼容。
启用严格模式有以下好处:
- 捕获一些编程错误,并抛出异常。
- 阻止进行一些相对“不安全”的操作(例如访问全局变量),抛出异常。
- 禁用一些让人迷惑的特性。
关于严格模式的大多数信息都可以在《ES5规范》[PDF]的第223页找到。
(注意:ECMAScript 5的严格模式跟Firefox的严格模式是不同
Apr 4
- 作者:heero
- 时间:2011-4-4 17:47
最近一直在忙公司的第一款类客户端产品——GO比分。

网页具有强大的跨平台特性,HTML+CSS比任何其他界面制作方式都要强大和灵活。然而,网页无法实现Web范围外的一些功能(例如手机通知栏、铃声、震动等)。因此,还需要通过一个代理去调用,也就是客户端。所谓类客户端,就是穿了客户端这件“马甲”的网页。
经过一个多月的努力,GO 比分的Android版在上周正式登陆安卓电子市场,iPhone版也即将推出。趁着这几天清明假期,先来总结下这段时间的开发经验。另外,本人第
Mar 9
- 作者:heero
- 时间:2011-3-9 20:59
在AJAX应用中经常需要根据用户的动作实时加载数据,加载速度与具体的网络情况有关。在加载过程中,如果你想告诉用户有信息正在加载,你可能需要一个“Loading”的动画图标。然而,并非所有人都有能力去设计和制作出这样的图标。在这里,我向大家推荐几个在线工具,它们可以根据设置生成“Loading”动画图标。
PreLoaders.Net提供的动画样式非常全面,有2D的、也有3D的,还可以设置背景色、前景色、大小、动画速度等参数。
AjaxLoad.Info目前还是beta版,仅能设置动画样式、前景色和背景色。
Feb 11
- 作者:heero
- 时间:2011-2-11 19:51
IE9自宣布以来,由于它支持HTML5、硬件加速等特性,加上性能上的显著提升,赢得了业界的普遍支持和关注。经历了一段时间的beta后,IE9终于在今天发布了RC版(下载链接)。

安装过程要关闭一系列的程序,包括QQ、MSE等。安装好之后,IE8被和谐了,IETester里面的IE7、8也无法运行JS了。要调网页兼容性的工程师们慎用。
接下来测试一下IE9的Javascript特性。
addEventListener/removeEventListener
老早就听说IE9支持这两个标准的事件接口了,当然attachEvent/detachEvent还是存在的。
HTMLElement.style.