Heero's Blog

Heero's Blog » 前端开发

[译]原生全屏Javascript API

HTML 5的<video>是一个相当不错的标签,但是它刚发布的时间,最大的问题是它不能像Flash那样实现真正的全屏。幸好,几个月后,大部分浏览器已经原生地支持全屏。

全屏API简史

  1. 第一个原生的全屏接口是在Safari 5.0(和iOS)中添加的 webkitEnterFullScreen() 函数。不过,它只能用于<video>标签。
  2. 在Safari 5.1中,苹果修改了这个API使它更接近于Mozilla的全屏API草案(比苹果的实现更早)。现在,所有DOM元素都可以调用 webkitRequestFullScreen() 方法。
  3. Firefox和Chome表示它们将会添加原生全屏API支持,而且这个特性已经在Chome 15+以及Firefox Nightly中实现。
  4. 在2011年10月15日,W3C发布了一份全屏API草案(由Opera团队的一名成员编写),它跟Mozilla的草案有两个主要的不同点:
    1. Mozilla/Webkit使用大写字母'S'(FullScreen),但W3C则不是(Fullscreen);
    2. Mozilla/Webkit使用cancelFullScreen,W3C使用exitFullscreen

使用canvas绘制时钟

准备工作

在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

[译文]ECMAScript 5严格模式(Strict Mode)

严格模式(Strict Mode)是ECMAScript 5的新特性,它允许你把整个程序,或者某个函数,放置在“严格”的操作语境中。这种严格的语境会防止某些特定的操作并抛出更多的异常。

虽然ECMAScript 5对ECMAScript 3是向下兼容的,但是在严格模式下,所有在ECMAScript 3中不赞成使用的特性都被禁用(或抛出错误)而不是兼容。

启用严格模式有以下好处:

  • 捕获一些编程错误,并抛出异常。
  • 阻止进行一些相对“不安全”的操作(例如访问全局变量),抛出异常。
  • 禁用一些让人迷惑的特性。

关于严格模式的大多数信息都可以在《ES5规范》[PDF]的第223页找到。

(注意:ECMAScript 5的严格模式跟Firefox的严格模式是不同

GO比分开发总结

最近一直在忙公司的第一款类客户端产品——GO比分

GO比分

网页具有强大的跨平台特性,HTML+CSS比任何其他界面制作方式都要强大和灵活。然而,网页无法实现Web范围外的一些功能(例如手机通知栏、铃声、震动等)。因此,还需要通过一个代理去调用,也就是客户端。所谓类客户端,就是穿了客户端这件“马甲”的网页

经过一个多月的努力,GO 比分的Android版在上周正式登陆安卓电子市场,iPhone版也即将推出。趁着这几天清明假期,先来总结下这段时间的开发经验。另外,本人第

5个AJAX Loading动画图标生成器

在AJAX应用中经常需要根据用户的动作实时加载数据,加载速度与具体的网络情况有关。在加载过程中,如果你想告诉用户有信息正在加载,你可能需要一个“Loading”的动画图标。然而,并非所有人都有能力去设计和制作出这样的图标。在这里,我向大家推荐几个在线工具,它们可以根据设置生成“Loading”动画图标。

PreLoaders.Net

PreLoaders.Net提供的动画样式非常全面,有2D的、也有3D的,还可以设置背景色、前景色、大小、动画速度等参数。

AjaxLoad.Info

AjaxLoad.Info目前还是beta版,仅能设置动画样式、前景色和背景色。

LoadInfo.Net

IE9 RC发布了

IE9自宣布以来,由于它支持HTML5、硬件加速等特性,加上性能上的显著提升,赢得了业界的普遍支持和关注。经历了一段时间的beta后,IE9终于在今天发布了RC版(下载链接)。

IE9

安装过程要关闭一系列的程序,包括QQ、MSE等。安装好之后,IE8被和谐了,IETester里面的IE7、8也无法运行JS了。要调网页兼容性的工程师们慎用。

接下来测试一下IE9的Javascript特性。

addEventListener/removeEventListener

老早就听说IE9支持这两个标准的事件接口了,当然attachEvent/detachEvent还是存在的。

HTMLElement.style.

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 下一页
  7. 末页