夜宴:技术前哨站 2010.8.9

钨龙

Qzone 即将推用户更新IE6

• IE 9

– 在9月份进行公开测试

• Firefox 4.0 beta 2

– 已经开始公测,9月1日发布

• Chrome

– 加快发布周期

• Safari

– Safari浏览器扩展由第三方开发者使用HTML5、CSS3、JavaScript等开

放网页标准写成.

http://www.w3.org/TR/2010/WD-html5-20100304/dom.html#kinds-of-content

http://www.w3.org/TR/2010/WD-html5-20100304/text-level-semantics.html#text-level-semantics

HTML 5 嵌套规则

获取页面性能数据?

• Httpwatch?

• Firebug net panel?

• Fiddler?

• ySlow?

• Pageseed?

• …….

Web Timing

http://dev.w3.org/2006/webapi/WebTiming/

http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx

• W3c

– window.performance

• IE 9 preview

– window.msPerformance

• Chrome 6 +

– window.webkitPerformance

• Firefox,safari

– ?

YUI 3.2.0 preview release

• Touch event support

• Browser capability loading

• Transition support for the animation

module

• update to the CSS grids

http://www.yuiblog.com/blog/2010/07/26/3-2-0pr1/

A Little PIE with that CSS3?

http://css3pie.com/

CSS behavior Html Components （HTC）

http://en.wikipedia.org/wiki/HTML_Components

Do LESS with Less.js

http://lesscss.org/index.html

@brand-color: #3879BD;

.rounded(@radius: 3px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }

#header { .rounded(5px); a { color: @brand-color; &:hover { color: #000; } } }

LESS.js +

node.js =

way fast server-side dynamic css ?

Synthetic Event Library Syn Aims to Make Testing Easier

• Manual

• Unit Tests Only

• Low fidelity

• Difficult to write

• Expensive

Problems :

Ex:

Syn.click( {},'hello' )

.type( 'Hello World' )

.delay() //waits 600ms seconds by default

.drag( $('#trash') ,

function() {

ok( $('#hello').length == 0,

"removed hello" )

}

);

3Q~