Upload
koubei-ued
View
349
Download
1
Embed Size (px)
Citation preview
夜宴:技术前哨站 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~