Firefox 5 — 开发者的那些事

CSS3动画

CSS动画(参阅文档)提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样,使用CSS动画可以非常高效平滑的展现效果(看大牛DavidBaron的文章),开发者拥有对keyframes有更好的控制力,从而制作出更加复杂的动画效果。

需要注意的变化

开发者可以把Image作为参数传递给createImageData来获取图片的大小数据;

在后台标签中,setTimeout和setInterval每秒钟只能执行一次回调函数,这符合requestAnimationFrame要求的描述,用来减少CPU和电源的消耗。

其他的BugFix和性能提升

HTML

所有的HTML元素现在都拥有accessKey属性,同时还有blur()、click()和focus()方法。这些属性和方法都在HTMLElement接口中定义;

为了更好的支持HTML5规范,对UTF-7和UTF-32字符集的支持已经被移除;

在quirk模式下,匹配的空<map>元素不再被跳过,详情可以查看Gecko笔记中的<map>元素;

Android上的Firefox移动版现在支持@font-face描述的WOFF字体;

作为安全措施,WebGL不会从非来源域名之外的地方读取纹理信息。

Canvas改进

<canvas>2D绘图上下文现在支持定义ImageData为createImageData()方法的输入;生成新的ImageData对象会初始化为跟指定对象具有相同的大小,不过所有画布上所有像素都预设为透明黑色;

调用CanvasGradient的addColorStop()方法时,如果指定非规定值作为停止颜色的参数时会抛出INDEX_SIZE_ERR异常而不是SYNTAX_ERR;

HTMLCanvasElement的方法toDataURL()在匹配前会正确的将指定的MIME类型变为小写字母;

getImageData()能够接受超过画布大小的矩形为参数,在画布之外区域的像素被预设为透明的黑色;

drawImage()和createImageData()支持规范定义的,可以接受负数的参数,可以让指定的矩形区域围绕某个坐标轴进行旋转;

调用createImageData()时传递非规定参数时抛出NOT_SUPPORTED_ERR异常;

如果createImageData()和getImageData()参数描述的矩形小于一个像素的话,也会返回至少一个像素大小的数据;

调用createRadialGradient()时传递负数的半径会抛出INDEX_SIZE_ERR异常;

调用createPattern()或者drawImage()时参数如果为null或者undefinedimage对象的话,会抛出TYPE_MISMATCH_ERR异常;

globalAlpha如果指定为非法参数的话,不再抛出SYNTAX_ERR异常,现在都是悄悄的忽略掉;

Specifyinginvalidvalueswhencalling调用translate(),transform(),rect(),clearRect(),fillRect(),strokeRect(),lineTo(),moveTo(),quadraticCurveTo()和arc()如果传入非法参数的话,不再抛出异常,还是悄悄的忽略掉;

shadowOffsetX,shadowOffsetY和shadowBlur的属性值设定不正确的话也是悄悄的忽略掉;

rotate和scale的属性设定同上。

CSS

添加对CSS动画的支持,不过现在还需要使用-moz-前缀。

DOM

修改了selection对象的modify()方法,这样“文字”选取对象不再包括结尾出多余的空格,从而各个平台上的操作保持一致,并且跟WebKit的实现也保持一致;

在后台标签页中,window.setTimeout()每秒钟只会调用一次超时回调函数。另外,嵌套的超时会根据HTML5规范中定义的最小的数值:4ms(以前是10ms)。

window.setInterval()方法同上;

XMLHttpRequest现在支持loadend事件给进度监听器(ProgressListener)。任何传输在结束之后都会引起这个事件(也就是在abort,error和load事件之后)。可以监听这个时间来处理不管是错误还是失败之后都需要进行的操作。

Blob和File对象的slice()方法被移除,并且替换为新的词法表述,从而跟JavaScript中Array.slice()和String.slice()方法保持一致的语义。现在,这个方法被命名为mozSlice();

window.navigator.language的值由Accept-LanguageHTTPheader来决定。

JavaScript

正则表达式不再像函数一样可以被调用,这么做是为了同WebKit保持一致和兼容(参看WebKitbug28285);

支持Function.prototype.isGenerator()方法,允许开发者查看函数是否为generator。

SVG

classSVG属性支持动画效果;

下述SVG相关的DOM接口(表现为对象列表的)支持数列话,可以直接像数组一样被访问,另外,也提供了length属性来表示列表中对象的数量:SVGLengthList,SVGNumberList,SVGPathSegList和SVGPointList。

HTTP

Firefox不再发送“Keep-Alive”HTTP头;我们对他格式化的不对,而且当我们同时发送Connection:和Proxy-Connection:头部信息时,Keep-Alive有点多余;

更新了HTTP的传输模型,更智能的重用连接池中的已有连接;不再把连接池当作FIFO队列,Necko现在尝试按照最大的拥挤窗口(CWND)来排序连接。这可以在很多情况下降低HTTP传输的RTT时间;

如果filename和filename*参数提供了的话,Firefox更高效的处理Content-DispositionHTTP回应头数据;在提供filename*参数的情况下,Firefox会查看所有提供的名字,即使同时也提供了filename参数。

MathML

支持修饰操作符

开发者工具

Web控制台的Console对象支持debug()方法,他就是log()方法的别名,提供更好的兼容性。

viahacks.mozilla.org

css

相关推荐